【前提概要】:自己开发一套后台管理系统(包括前端与后端),前端地址为: http://localhost:8083
,接口地址:http://localhost:3000
,根据同源策略限制,会被拦截,报错如下:
【网上的解决方案】:在 app.js
中加入如下代码:(我是没有跑通)
var app = express();
//设置跨域访问
app.all('*',function(req,res,next) {
res.header("Access-Control-Allow-Origin","*");
res.header('Access-Control-Allow-Methods','PUT,GET,POST,DELETE,OPTIONS');
res.header("Access-Control-Allow-Headers","X-Requested-With");
res.header('Access-Control-Allow-Headers','Content-Type');
next();
});
【解决方案(亲测有效)】:
- 安装
cors
依赖,命令如下:npm i cors
app.js
加入如下代码:var app = express(); //设置跨域访问 app.use(require('cors')()) // 需要安装 cors 依赖
【运行效果:】
已成功返回数据
网友评论