Vue在public文件夹下配置全局变量时，刷新页面失效

在public文件下定义全局变量， 在接口服务中使用 npm run build 后生成的dist包， 可以直接对config.js文件修改部署不同的环境 ，避免多次打包

1、在public文件夹下 配置全局 config.js 文件

文件内容如下：

var CONFIG = {}
CONFIG.name = 'Jack'

2、在 同级 index.html文件 引入

<script src="./config.js"></script>

3、在页面上使用

let name = CONFIG.name 

发现在页面刷新后，变量会丢失 ，且控制台报错

TypeError: Cannot read property ‘name’ of undefined

---

最后发现 只要将引入时的 . 删除就好了

<script src="/config.js"></script>