vue3 + vite 代理配置无效的原因
vue3 + vite 代理配置无效的原因。
文章共420字 · 阅读需要大约2分钟
一键AI生成摘要,助你高效阅读
问答
·
1. 导致代理不生效的配置
export default defineConfig({
devServer: {
open: true,
proxy: {
'/api': {
target: 'http://127.0.0.1:8081',//要代理的本地api地址
changeOrigin: true,//允许跨域
ws: true,
// pathRewrite:{"^/api":"/"}//将/api开头替换为/api
rewrite:(path) => path.replace(/^\/api/, "")
},
// 配置多个代理
// "/service": {
// "target": 'https://www.google.com/',
// "secure": false,
// "changeOrigin": true,
// },
},
},
})
2. 不生效的原因
这个配置是使用webpack 打包工具 使用的代理配置,当打包工具换成vite后,这个配置就需要做一些改变
3. 如何解决
1. devServer 改成 server
2. 将 open: true 删除
3. 如果在 proxy 里面添加了 host 和 port 属性,将这两个属性删除
更多推荐
已为社区贡献1条内容
所有评论(0)