Vue-cli axios请求跨域问题

本文介绍了如何在Vue项目根目录下创建vue.config.js文件,用于解决打包时的白屏问题,配置本地开发服务器,包括指定端口号、自动打开、主机名和HTTPS设置。重点讲解了配置跨域的方法,通过代理实现API接口的访问,避免跨域限制。同时,关闭了ESLint检查,不生成.map文件以优化打包效率。
摘要由CSDN通过智能技术生成

根目录下建立vue.config.js文件 有就不用建

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

记得关闭项目重启,不然没用

成功解决,感恩,虽纠结了蛮久。。。太菜了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值