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的位置
在这里插入图片描述

版权声明：本文为qq_42900469原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。