vue-cli项目开发环境使用代理解决跨域问题

1.config文件夹下的index.js文件

2.找到proxyTable: {}

3.改成如下内容

proxyTable: {
	'/surfront': {
		target: 'http://localhost:9000', // 请求的后台接口域名
		changeOrigin: true, // 允许跨域
		pathRewrite: {
			'^/surfront': '/surfront' // pathRewrite是路径重写，目前这样写和将pathRewrite这个属性删掉是一样的效果，请求的其实是http://localhost:9000/surfront/
		}
	}
}

以上这种写法是请求的http://localhost:9000/surfront，如果接口地址没有都带/surfront呢？那就在路径重写时将’^/surfront’: ‘’，这样的话请求的就是http://localhost:9000了，后面跟上不同的接口地址后缀就可以了。如下图：

proxyTable: {
	'/surfront': {
		target: 'http://localhost:9000,
		changeOrigin: true,
		pathRewrite: {
			'^/surfront': ''
		}
	}
}