0
点赞
收藏
分享

微信扫一扫

Vue 项目不用重新打包更改baseURL

陆佃 2021-09-24 阅读 64
日记本Vue

思路:

  • 创建一个js或者json然后在axios中动态的引入,设置baseURL为动态引入的变量
  • 这个jsjson文件在vue打包的时候不被编译,保留在最外层

实现:

  • 新建一个js文件,把baseURL的变量设置为window的属性
// 新建一个 baseURL.js 的文件
window.g = {
  baseURL: "http://192.168.1.1:8088/test"
}
  • vue里面提供了一个public文件夹,我们可以在该文件夹里面新建一个static的静态文件夹,在这个文件夹里面的资源是不被编译的
  • 如次我们还需要在vue项目中的index.html中引入我们新建的这个baseURL.js文件,在引用的时候我们尽量采用绝对路径
<script src="/static/baseURL.js"></script>
  • 这时候,我们创建了文件,也引入到了项目中在项目中,我们就可以使用window.g.baseURL来获取这个地址了

如此我们就实现了之前提到的功能,我们每次修改的时候,只需要修改baseURL.js中的变量值就好了

举报

相关推荐

0 条评论