jquey+node跨域

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,让咱们一起致力走向巅峰!