有以下2種解決辦法:
第一種,使用cors插件
- 先安裝cors插件 npm install cors --save
2.在express項目下app.js中引入并使用
// app.js
// 引入跨域插件
const cors = require('cors');
// 解決跨域
app.use(cors());
第二種,直接通過express中的api進行設(shè)置
// 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代碼從上到下執(zhí)行
效果截圖
image.png
image.png