vue把请求根路径配置在public文件中,打包后可随时修改根路径

一、因为个人项目的问题,部署的地方比较多,需要随时修改根路径,一次一次的打包比较烦人,所以有了这个需求,至于为什么放在public文件下面,因为打包public下的文件不会被编译!!!废话不多说直接上配置

1. 文件位置

 2.文件配置(外送一个获取浏览器的根路径,你打的包可以直接根据浏览的地址做请求很方便)

 3.public =》 下面 index.html 页面引入配置

 4.配置的vue项目下面的.js文件里面的使用,这里注意,没办法直接使用window去获取,打包时候会报错window is not defined,亲测,然后自己走网上找了一些方法总算可以避免了,

 然后就配置好啦!!!当前文件里面可以直接使用啦

5.我是在.js文件里面使用的,如果小伙伴有需要再ts里面使用的,可以根据自己的情况修改

6.此方法可能存在的问题:打包的时候莫名的出现端口被占用,按理来说不应该会有这种情况的,解决方案:把你本地的项目都停一下,再次打包就可以了,可能本人起的项目比较多的问题

7.特别注意,特别注意,特别注意 重要的事情说三遍!!!经过我漫长的搜索,全网解决方案仅此一家,拿走不谢

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值