最近在用前端获取后端数据的时候频繁的跨域,网上也查了不少,始终是有问题,先是在node后端设置cors,可是get请求正常,post请求还是出问题,真让人头?。
解决方法
首先这是我的配置文件
module.exports = {
publicPath: "/",//根路径
outputDir: "dist",//输出目录
assetsDir: "assets",
lintOnSave: false,//是否开启检测
devServer: {
open: false,
host: "localhost",//主机名字
port: 8081,
https: false,
hotOnly: false,//热更新
//配置跨域
proxy: {
'/blog': {
//跨域地址
target: "http://localhost:9999/blog",
wx: true,
changeOrigin: true,
pathRewrite: {
'^/blog':''
}
}
},
}
}
get请求
created() {
//get请求
this.$http({
method:"get",
url:'/blog',
}).then(Response=>{
console.log(Response)
}).catch(err=>{
console.log('请求失败'+err);
})
结果:
post请求
this.$http({
method: "post",
url: "/blog",
data: {
name: "text",
age: 88
}
})
.then(res => {
console.log("请求成功", res);
})
.catch(err => {
console.log("请求失败" + err);
});
结果:
收获:静下心来找,bug总会解决的。??
ok,我要睡觉了。