vue生产环境和开发环境 反向代理 正向代理 宝塔面板配置 本地小皮面板---Nginx+Apache解决方案_小皮面板反向代理-CSDN博客

上面这个链接供大家参考，我这里面提取vue配置反向代理格式

在vite.config.js页面写入

 server: {
    proxy: {
      "/api": {
        target: "http://travel.kuxia.top/api",
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ""), // 重写路径
      },
    },
  },

请求的地方写入

 

以及宝塔配置为

使用   npm run build   打包文件，会生成一个dist文件，放入宝塔

然后按照以下格式即可