直接放代码块
1. 代理已经配置好
// vite.config.ts
server: {
open: true,
proxy: {
"/api": {
target: "http://192.168.8.101:8101/",
rewrite: (path) => path.replace(/^\/api/, ""),
changeOrigin: true,
},
},
},
2. axios的baseUrl也配置好
// request.ts
const service = axios.create({
baseURL: '/api',
timeout: 600000,
});
3. 但是接口请求还是发送不到后端,同时测试swag正常,证明问题出现在我这里
4. 研究了2小时,最后发现问题所在----我3月前创建框架时,为了调试,使用mockjs
// vite.config.ts
viteMockServe({
mockPath: "./src/services/mock",
enable: true,
}),
5. 只要把mock相关的都删除,接口就调用正常了,这个事情提醒我们,为了避免项目bug的沉淀,我们在调试后就立即清理,不要留存,想着以后会用到他,如果项目里还会有,一定记得备注!最后可以在文件中记录下,新增的插件的使用,避免后续排查问题费时费力!