vue 使用proxy代理

1. 找到vue.config.js

module.exports = {
    devServer: {
         proxy: {
               '/api': {
                     target: '访问的接口域名',
                     changOrigin: true, // 允许跨域
                     pathRewrite: { '^/api': '' }
               },
               //如果根据测试环境动态配置的话 VUE_APP_BASE_API2 VUE_APP_BASE_API2 都是.env.development参数名
               [process.env.VUE_APP_BASE_API2]: {
                    target: process.env.VUE_APP_BASE_URL2,
                    changOrigin: true, // 允许跨域
                    pathRewrite: { ['^' + process.env.VUE_APP_BASE_API2]: '/' } // 如果不需要拼接process.env.VUE_APP_BASE_API2定义的路径，则替换为空
              }
         }
    },
]
 

2.utils/request.js配置apiurl

const service = axios.create({

        baseURL:'/api'', // baseURL:VUE_APP_BASE_API2,

         timeout: 5000 // request timeout

})

3…env.development

# 开发

ENV = 'development'

# api

VUE_APP_BASE_URL2 = '接口域名'

# api前缀

VUE_APP_BASE_API2 = '/api2/'

VUE_CLI_BABEL_TRANSPILE_MODULES = true