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上运行才能生效!本地是不可以的