通过配置代理的方式:

后端接口在浏览器已通

vue本地连接多个服务器_ios


前端接口:

vue本地连接多个服务器_ios_02

前端axios配置baseUrl:

vue本地连接多个服务器_ios_03


.env.development

vue本地连接多个服务器_ios_04


vue本地连接多个服务器_API_05

前端在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]: ''
        }
      }