jquey+node跨域

时间 2020-10-24

标签 html node jquery ajax express npm json windows 跨域浏览器栏目 HTML 繁體版

原文原文链接

jquey+node跨域

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

npm i cors --save

5.在app.js中添加以下代码:node

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中添加以下代码:jquery

<!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.在浏览器中效果以下:
ajax

8.本期的教程到了这里就结束啦,是否是很nice,让咱们一块儿努力走向巅峰!express