vue2 跨域问题 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

// create an axios instance
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

踩到的坑，终于解决问题，新知识，一起加油吧！