vue3 proxy代理 只有部分有效 的问题
废话不多说直接上代码
vue.config.js 文件 配置
module.exports = {
devServer: {
host: 'localhost',
port: 8081,
open: true, //项目启动时是否自动打开浏览器,我这里设置为false,不打开,true表示打开
proxy: {
api: {
target: 'http://localhost:5000/api/', // 要跨域的域名
changeOrigin: true, // 是否开启跨域
pathRewrite: {
// 重写路径
'^/api': '',
},
},
},
},
}
在里看似没有毛病,请求之后也没有毛病
接下来神奇的现象出现了,看图
我的路径为 /home/login,为什么代理请求的时候会 在前面加上 /home ? 这不扯淡嘛
后来不断尝试,终于有了新的发现
路由配置 只有一个 斜杠 才能成功代理,目前还没有找到原因,先记录下