vue3.0解决跨域,cookie无法写入浏览器
配置vue.config.jsmodule.exports = {devServer: {// open: true, //是否自动弹出浏览器页面host: "0.0.0.0",port: '8080',https: false,hotOnly: false,proxy: {'/api': {target: 'http://服务器ip:5000', //API服务器的地址ws: true,
·
配置vue.config.js
module.exports = {
devServer: {
// open: true, //是否自动弹出浏览器页面
host: "0.0.0.0",
port: '8080',
https: false,
hotOnly: false,
proxy: {
'/api': {
target: 'http://服务器ip:5000', //API服务器的地址
ws: true, //代理websockets
changeOrigin: true, // 虚拟的站点需要更管origin
pathRewrite: { //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
'^/api': ''
}
}
},
}
};
修改main.js
原来
import axios from 'axios'
axios.defaults.baseURL = 'http://服务器ip:5000/'
Vue.prototype.$http = axios
axios.defaults.withCredentials = true; //允许axios请求携带cookie等凭证
替换为
import axios from 'axios'
axios.defaults.baseURL = '/api'
Vue.prototype.$http = axios
axios.defaults.withCredentials = true; //允许axios请求携带cookie等凭证
可以看到成功代理
更多推荐
已为社区贡献3条内容
所有评论(0)