express解决跨域问题

有以下2种解决办法：

第一种，使用cors插件

1. 先安装cors插件 npm install cors --save

2.在express项目下app.js中引入并使用

// app.js

// 引入跨域插件
const cors = require('cors'); 
// 解决跨域
app.use(cors());

第二种，直接通过express中的api进行设置

// app.js

app.all('*',function (req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', '*');
  res.header('Content-Type', 'application/json;charset=utf-8');
  res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');
  next();
});

注意：

以上2中方式，代码必须要添加在注册路由代码之前，否则无效，因为nodejs代码从上到下执行

效果截图

image.png

image.png