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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。