Vue跨域配置

1. 首先创建一个vue文件
2. 然后在项目的根路径下创建一个 vue.config.js 文件（一般都在package.json下面）

• 然后 复制 粘贴 即可实现跨域

• module.exports = {
  	//解决打包时白屏问题
  	publicPath : "./", 
  	//配置vue-cli服务器
  	devServer : {
  		//端口号
  		port : 8888,
  		//是否自动打开
  		open : true,
  		//主机名
  		host : "localhost",
  		//关闭https协议
  		https : false,
  		//配置跨域
  		proxy : {
  			//代理名称
  			"/api" : {
  				//要跨域的公共接口地址
  				target : "这里写入需要跨域的地址",
  				//开启跨域
  				changeOrigin : true,
  				//重写代理名称
  				pathRewrite : {
  					"^/api" : ""
  				}
  			} 
  		}
  	},
  	//关闭eslint
  	lintOnSave : false,
  	//打包时不生成.map的后缀名文件
  	productionSourceMap : false
  }