Vue项目加载本地配置文件的方法

作为客户端，Vue项目需要使用服务端地址。但是在开发过程中，服务端地址是经常变化的。而且，如果Vue项目作为不同公司的产品，那么服务地址就是不固定的。显然，我们不能每次就为了一个地址，改完再发布一次。

Vue3以前，如果不希望打包的文件，是放在static文件夹下，到了Vue3，改成是public文件夹。可以在此文件夹里新建一个config.json这样的文件存放配置信息，这个文件不会被打包。

使用的时候，可以使用require。例如config.json如下所示：

{
    "name":"my-name"
}

那么在js里，这样使用：

let config=require("../public/config.json");
let myname=config.name;