Vue3 vite.config.ts 配置跨域代理,请求接口404?
vite.config.ts
server: {
// host: '0.0.0.0',
cors: true,
open:true,
// 跨域配置
proxy: {
'/api': {
target: 'http://192.168.0.34:8888', // 后台接口地址
changeOrigin: true,
rewrite: path => path.replace(/^\/api/, '')
}
}
},
调用
const test = () => {
return axios({
url: '/api/getAll',
method: 'get',
})
一直报错 404
axios的baseUrl 没有配置
求教如何才能请求通接口另外 按照不同环境请求不同url vue3在什么地方配置
回复
1个回答
test
2024-07-07
看接口有没有带上/api
,如果接口本身就有/api
则不需要重新路径,否则才重写
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容