jquey+node跨域
1.开发环境 jquery+node
2.电脑系统 windows10专业版
3.在jquery+node开发的过程中,咱们常常会遇到跨域,解决方案如下:
4.node装置 cors,在终端输出命令为:
npm i cors --save5.在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,让咱们一起致力走向巅峰!
发表回复