node+express封装api,遇到跨域问题
详情:在前端直接调用自己封装的接口,控制台报错
解决方法
在网上搜了大多说的是在vue的config/index.js文件中进行配置,不过在vue-cli3中就不会自动创建这个文件了,要自己新建文件进行配置,比较麻烦,所以我找了一种直接在后台配置解决的办法:
在自己写的server/api.js文件中进行如下改动
app.all("*", function(req, res, next) {
res.header('Access-Control-Allow-Origin', '*')
res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');
res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS')
res.header("X-Powered-By",' 3.2.1')
res.header("Content-Type", "application/json;charset=utf-8")
next();
});