webpack+vue打包之后输出配置文件修改接口文件

1.首先我们在static文件下建立一个js文件，就叫config.js吧，内容为

1.  
   window.g = {
2.  
   AXIOS_TIMEOUT: 10000,
3.  
   ApiUrl: 'http://localhost:21021/api/services/app', // 配置服务器地址,
4.  
   ParentPage: {
5.  
   CrossDomainProxyUrl: '/Home/CrossDomainProxy',
6.  
   BtnsApi: '/api/services/app/Authorization/GetBtns',
7.  
   OrgsApi: '/api/services/app/authorization/GetOrgsByUserId'
8.  
   },
9.  
   }

2.接下来我们只需要在index.html这个入口文件里引入该文件（注意路径就ok）

<script type="text/javascript" src="/static/config.js"></script>

3.然后你就可以在你需要的地方随意获取就行了，比如

1.  
   var baseURLStr = window.g.ApiUrl
2.  
   // 创建axios实例
3.  
   const service = axios.create({
4.  
   baseURL: baseURLStr, // api的base_url
5.  
   timeout: 5000 // 请求超时时间
6.  
   })

4.最后在打包成功之后，config,js文件不会被打包，依然存在static文件夹下，如果需要修改只需要用记事本打开文件修改地址就OK了，而且该方法也不会影响开发模式，是不是很简单有效呢，快去尝

转载自：https://blog.csdn.net/xiaojun_yuan/article/details/79460484