vue本地连接多个服务器

发布时间 2023-09-07 11:05:54作者: sinceForever

通过配置代理的方式:
后端接口在浏览器已通

前端接口:

前端axios配置baseUrl:

.env.development

前端在vue.config.js中配置

 // 3D接口
      '/api': {
        target: 'http://localhost:3000', // 大哥
        changeOrigin: true, // 是否跨域
        secure: false,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      },
      // 其他接口
      [process.env.VUE_APP_BASE_API]: {
        target: process.env.VUE_APP_ADDRESS,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }