解决开发环境的跨域问题

反向代理

当前端项目和后端接口不在同一个域名下，就会存在跨域问题。

   vue-cli为我们在本地开启了一个服务器，可以通过这个服务器帮我们代理请求，当服务器向服务器发起请求就不存在跨域了，即帮我们解决了跨域问题。

采用vue-cli的代理配置：
在vue的配置文件vue.config.js中配置以下：

module.exports = {	
	devServer:{
		proxy:{
		//api表示如果请求地址中有/api的时候，就触发代理机制
			'/api':{
				target:‘www.baidu.com’，   //我们需要代理的地址
				changeOrigin:true,   //是否跨域
				// 路径重写:此刻的地址是www.baidu.com/api/...，假设我们不需要/api就需要以下代码重写
				pathRewrite:{
					'^/api':''     //类似正则，将以/api开头的字段置空
						}
					}
				}
			}
		}