vue生产环境和开发环境 反向代理 正向代理 宝塔面板配置 本地小皮面板---Nginx+Apache解决方案_小皮面板反向代理-CSDN博客
上面这个链接供大家参考,我这里面提取vue配置反向代理格式
在vite.config.js页面写入
javascript
server: {
proxy: {
"/api": {
target: "http://travel.kuxia.top/api",
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ""), // 重写路径
},
},
},
请求的地方写入
以及宝塔配置为
使用 npm run build 打包文件,会生成一个dist文件,放入宝塔
然后按照以下格式即可