vue配置文件实现代理v2版本的方法-创新互联

vue实现不同服务器代理，接上篇，虽然可实现多版本代理，但是每增加一种模式就需要重下新修改vue.config.js以及.env.dev.local，感觉很不智能，扩展性挺差。

主要实现思路：

 模仿vue中.env.local文件，此文件被git忽略，且可根据当前环境变量加载不同的数据，由此在项目根目录下新建development文件夹，在development文件加下建立config文件夹，用户放置配置文件，config下目前暂有两个文件 config.development.local config.owndev.local

在.gitignore中添加

development/config/config.local

development/config/config.*.local

忽略所有的配置local文件，然后通过node读取文件加载配置的json文件，并将代理规则通过代码完善，导出代理规则，最终输出的vue.config.js中实现代理,通过cross-env模块改变系统变量设置，最终实现不同环境下不同文件的加载

现新建项目，目录结构如下：

其中development为新添加目录，其中主要放置需要代理的文件

config下

.gitignore 添加对文件的忽略

development/config/config.local
development/config/config.*.local
development/config 下的config.development.dev
{
  "/api":"http://serverurl"
 }
development/config 下的config.owndev.dev

{
  "/api/login":"http://localhost:8080",
  "/api/register":"http://localhost:8081"
}