解决vue本地调试线上的接口时报跨域的问题

在vue.config.js文件下设置

代码：

module.exports = {
	// 配置路径别名
	configureWebpack: {
		devServer: {
			// 调试时允许内网穿透，让外网的人访问到本地调试的H5页面
			disableHostCheck: true,
			
			/本地调试时打开
			
			port: '8222', //代理端口,不固定8222，可以是其他的
			open: false, //项目启动时是否自动打开浏览器
			proxy: {
				'/api': {
					target: 'https://www.你的域名.com/api',	//接口地址
					// ws:true,			//允许ws跨域
					secure:false,		//类型:https=false  http=true
					changeOrigin: true, //是否跨域
					pathRewrite:{    // 重写路径
						'^/api':''
					}
				}
			},
			
			/本地调试时打开
		}
	},
	//productionSourceMap: false,
}

 文件内容：