nodejs express 解决跨域访问(Access-Control-Allow-Origin)问题

【前提概要】:自己开发一套后台管理系统(包括前端与后端),前端地址为: 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 依赖

【运行效果:】

已成功返回数据
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容