美文网首页
nodejs express 解决跨域访问(Access-Con

nodejs express 解决跨域访问(Access-Con

作者: 前端新阳 | 来源:发表于2021-05-06 17:19 被阅读0次

【前提概要】:自己开发一套后台管理系统(包括前端与后端),前端地址为: http://localhost:8083,接口地址:http://localhost:3000,根据同源策略限制,会被拦截,报错如下:

Access-Control-Allow-Origin

【网上的解决方案】:在 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();
  });

【解决方案(亲测有效)】:

  1. 安装 cors 依赖,命令如下: npm i cors
  2. app.js 加入如下代码:
 var app = express();

 //设置跨域访问
 app.use(require('cors')())  // 需要安装 cors 依赖

【运行效果:】

已成功返回数据

相关文章

网友评论

      本文标题:nodejs express 解决跨域访问(Access-Con

      本文链接:https://www.haomeiwen.com/subject/qkeddltx.html