vue读取properties_vue-cli3.0读取外部化配置文件来修改公共路径

之前我写过一篇通过nginx配置代理转发的博客，正常来说也是正确的，但不足之处在了甲方还用了F5负载均衡和gateway来代理转发。所以之前我认为的请求->nginx转发代理->后端服务，实际上是请求->nginx代理转发->F5->gateway代理转发->后端服务，所以nginx代理转发是多余的，浪费效率，目前的nginx仅仅作为web发布容器。被架构师一顿P，还是太年轻了，那就改吧。

以我目前项目的vue-cli3.0为例，读取外部化配置文件来修改公共路径，vue-cli2.0也大差不差。

首先，在public目录下，新建一个文件，我命名为serverConfig.json，具体如图1所示，里面配了一个baseURL。

图1 外部化配置文件serverConfig.json

然后，在main.js里面定义一个读取这个文件的方法，在初始化的时候读取这个文件。

import Vue from 'vue'

import App from './App'

// 发送请求

Vue.prototype.$axios = axios;

function getServerConfig () {

return new Promise ((resolve, reject) => {

axios.get('./serverConfig.json').then(data => {

console.log("