vue项目打包后修改接口地址

vue项目打包后修改接口地址

我们在做vue项目时，总会遇到开发时用的测试地址和项目上线时用到的接口地址不同，再就是项目上线后，后期需要更改接口地址的情况。然而，如果没有一个配置文件，后期更换起来就只能修改vue文件然后再打包上线。这对于没有开发经验的运维人员来说，是有一定难度的。所以我们就要用到配置文件，直接修改配置文件，就可以修改。

1. 我们在vue项目中，找到public文件夹，在public文件夹中创建一个config.js文件。
   
2. 编辑config.js文件，将后端接口地址写在此文件中，因为此文件夹中文件打包不压缩，所以自定义全局变量，此文件不编译，因此需要用原生的写法
   
3. 打开public文件夹中的index.html
   .
4. script引用config.js文件
   
5. 在vue页面文件中，console.log(config.src);即可在控制台中输出。
   
   在使用这种方法配置后台接口地址，在打包后依然可以再次直接编辑config.js文件来修改接口地址。
   各位同行小伙伴，如果在使用时遇到某些问题，可以评论讨论讨论。