关于jquery:jqueynode跨域

43次阅读

共计 909 个字符，预计需要花费 3 分钟才能阅读完成。

1. 开发环境 jquery+node
2. 电脑系统 windows10 专业版
3. 在 jquery+node 开发的过程中, 咱们常常会遇到跨域, 解决方案如下:
4.node 装置 cors, 在终端输出命令为:

npm i cors --save

5. 在 app.js 中增加如下代码:

var cors = require('cors');
app.use(cors());
// 在 app=express() // 上面增加如下代码:
app.all('*', function (req, res, next) {res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  res.header('Access-Control-Allow-Methods', '*');
  // 设置仅承受 application/json 格局申请
  res.header('Content-Type', 'application/json;charset=utf-8');
  next();});

6. 在 html 中增加如下代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://www.jq22.com/jquery/jquery-2.1.1.js"></script>
</head>
<body>
    
</body>
</html>
<script>
     $.ajax({
    type: 'post',
    url: 'http://192.168.0.106:3000/feng',
}).then(function(data){console.log(data);
});
</script>

7. 在浏览器中成果如下:

8. 本期的教程到了这里就完结啦, 是不是很 nice, 让咱们一起致力走向巅峰!

正文完