由於專案需要，公司最近的專案需要用到vue.js，本來從來沒有接觸過node.js 之類的開發，導致開發這個很吃力，還有由於不忙，最近一直在看這個，對於vue 的開發，有一個很好的原始碼，大家可以去學習學習下。 https://github.com/PanJiaChen/vue-element-admin/

          好了，說下本文的重點，我也是從上面的專案開始慢慢研究的，這個專案的資料是用 mockjs 模擬的，但是我們實際開發，資料肯定是需要從資料庫讀取的，這個研究了好久，糾結了好久，找了各種資料，一直沒有頭緒，後面發現，在工程的config目錄中index檔案裡有一個引數叫proxyTable，於是找了上網查了下，網上有關於API proxy的說明，使用的就是這個引數。

     於是，我們可以修改工程下config資料夾下的index.js中的dev:{}部分

    env: require('./dev.env'),
    port: 8080,
    autoOpenBrowser: false,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
        '/api': {
            target: 'http://localhost:8080',
            changeOrigin: true,
            pathRewrite
 
: {
                '^/api': ''
            }
        }
    },
    // CSS Sourcemaps off by default because relative paths are "buggy"
    // with this option, according to the CSS-Loader README
    // (https://github.com/webpack/css-loader#sourcemaps)
    // In our experience, they generally work as expected,
    // just be aware of this issue when enabling this option.
 

    cssSourceMap: false
}

將target設定為我們需要訪問的地址或者域名。然後我們要做資料互動的時候，就把寫成  /api +你的方法地址了。