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上运行才能生效！本地是不可以的
webpack 打包vue项目后生成一个可修改接口地址的配置文件。 当我们做完vue项目打包、转测试、部署后，却遇...
vue项目npm run build打包后会生成一个dist文件，我们有时候需要一个配置文件来更改所有url，如果...
使用vue-cli创建项目，可以自动生成webpack配置文件，npm run build打包文件部署生产环境。 ...
vue项目npm run build打包后会生成一个dist文件，我们有时候需要一个配置文件来更改所有请求ip地址...
vue项目打包抽离项目配置文件 每次项目打包生成静态文件后，若后台服务ip发生改动，则需要前端调整重新编译打包，特...
写在前面： 需求:将一些公用的配置文件放到项目外面，方便修改减少打包次数打包之后只要修改这个配置文件就可以修改项目...
1、创建Vue项目 2、添加Cordova 2.1 生成cordova工作目录 3、修改vue-cli打包位置 4...
1、vue项目站点url 2、api接口url 3、在vue项目站点的nginx配置文件中添加： 解释：当访问ht...
vue2.0 项目适用vue-cli2.0脚手架生成。1.打包命令： 然后修改build/build.js文件：引...
1.打包vue前端项目生成dist文件夹上传至服务器2.修改Dockerfile文件 3.修改nginx.conf...
本文标题：vue项目打包生成可以修改url的配置文件
本文链接：https://www.haomeiwen.com/subject/gjmvxktx.html
网友评论