vue读取static配置文件,解决dist修改外部引用配置文件的问题

当前公司由于前端部署是无网部署,我们是将vue项目打成dist包,在现场进行配置外部请求地址或则其他相关方请求地址。为了解决这个问题,所以记录一下解决方案

  1. 在public下创建static文件夹,创建config.js
    在这里插入图片描述

  2. config.js设置我们需要的变量,记得设置windows变量,不设置作用域
    在这里插入图片描述

  3. 我们知道vue是单页面应用,在public的index.html下,引入config.js。

<script src="<%= BASE_URL %>static/config.js"></script>

在这里插入图片描述
4. 直接在需要的地方使用
在这里插入图片描述
5.dist下static的位置
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_42900469/article/details/127906450