如何在启动 Vue 程序之前读取本地静态文件内容

有这样一个需求，就是希望通过本地的 Json 文件来写入一些内容，比如请求后端接口的 API 前缀，我们在 public 目录下面新建一个 project.config.json 文件来做一些配置项：

这样有一个好处就是项目打包发布之后的文件也可以通过更改这个静态文件来改变一些配置项，省的因为频繁更改配置，而需要重新打包

然后我们在程序的主文件 main.js 中来通过请求这个静态文件，然后将读取的结果存在 Vue 的全局属性 $config 下面

那么接下来我们还需要在 Vue 程序实例化之前就执行 getConfig() 方法 ，这样才能确保我们在请求后端接口的时候能提前拿到 API 的 baseUrl

是不是很灵活，应该还有很多的场景能够用到该方法。

1、Vue本地启动项目：Vue项李此目可以在本地启动，胡消通过npm run serve可以启动一个本地服务器，本地服务器可以提供静态文件，不支持动态数据的处理，比如数据库 *** 作等。

2、访问web服务器发送请求：访问web服务器发送请求，可以通过HTTP协议，客户端发出请求，服务端处理请求，返回响应给客户端，可以进行动态数据的处理，裤扰知比如数据库 *** 作等。

---