怎样在Vue中抽离接口配置文件？

Vue中抽离接口配置文件

问题背景

在通常开发中，我们经常把接口配置文件写在src目录里，
虽然有了一些方便，但也引发出一个新的问题，就是每次接都要重新编译。

解决方法

1. 如果是cli2在static文件夹下创建XXX.js文件
   如果是cli3在public文件夹下创建XXX.js文件
   这两个文件夹下的内容将会原封不动地打包都dist里

2. 在XXX.js下代码，定义全局变量，这样我们便能在任何地方使用

   var URL = 'http://baidu.com',
   window.$4002API = {
       getAll:URL+'/aa/aa',//也能定义接口，到时在axios中调用
   }

3. 并在index.html文件中引入XXX.js

   <script src="./static/config/index.js"></script> 
   

4. 使用

   console.log(URL)//'http://baidu.com'     
   console.log($4002API.getAll)//'http://baidu.com/aa/aa'
   

到此问题解决