转载 

Vue跨域配置备忘

分类:js,vuejs    985人阅读    IT小君  2022-05-04 18:05

在项目的根路径下创建一个 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
}
支付宝打赏 微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

 工具推荐 更多»