vue里的vue.config跨域无效问题...
这是vue.config 里的代码:
module.exports = {
devServer: {
port: "8080",
open: false,
proxy: {
"/api": {
target: "xxx",//这里我把自己测试的地址换成了xxx 自己测试的时候是用真实的地址
changeOrign: true, // 跨域
pathRewrite: {
"^/api": ""
}
}
}
}
}
这是我组件里用axios发送请求的代码:
import axios from 'axios' //在最上面这个组件里引入的axios,main js里没有引入
axios.post('/api/auth/login').then(response=>{
console.log(response);
}).catch(error=>{
console.log(error);
})
执行结果: 貌似是/api并没有替换成target的地址…
直接不使用/api 提示我跨域问题…
自学前端半年出头,第一次接触这种东西..请大佬指教…使用的最新的脚手架和vue3…
推荐文章: