vue项目打包生成可以修改url的配置文件

vue项目npm run build打包后会生成一个dist文件，我们有时候需要一个配置文件来更改所有url，如果没有这个配置文件，我们就需要每次在项目代码中更改，然后再打包，这样就很麻烦，所以可以选择用一个配置文件来更改打包后的url，方法步骤如下：

一、在static文件夹下创建config.json文件，写入配置：

image.png
image.png

二、在src下的main.js里写入代码

image.png

就是去请求config.json的数据，然后把BASE_URL存在全局变量中，每次调用去全局中取

三、在.vue文件中使用
直接this.BASE_URL使用即可

四、打包
npm run build会生成dist文件，配置文件config.json在static下，更改即可生效

image.png

注意：
本地打开dist文件下的index.html会报错

image.png

必须放在nginx上运行才能生效！本地是不可以的