jquey+node跨域

码农天地 - 2020-10-23 11:08:04

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

特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。

上一篇： nodejs篇-CommonJS加载模块分析

下一篇：前端面试每日 3+1 —— 第557天

Tags 标签

加个好友，技术交流

码农天地

首页 HTML/CSS WEB服务器 PHP Linux 数据库异常报错插件工具美文欣赏站长直荐