前言：我們在進行一個專案開發工程中，需要從後端工程師那裡獲取資料庫中的資料。然而前端程式碼和後端程式碼在未打包前是分離的，這就引入了一個“跨域取資料”的問題。

下面，我們就簡單說下，利用vue腳手架生成的專案，在開發過程中怎麼解決此問題。

第一步

找到並開啟config資料夾下的index.js,做如下配置proxyTable：

proxyTable: {
  '/api': {
    target: 'http://api.xxxxxxxx.com',
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/api'
    }
  }
}
//說明配置中的target後面內容為後端人員提供的資料介面。
//原理就是類似vpn做了一箇中轉，Node替你去介面請求資料而已
 

第二步

//呼叫
this.$http.get('/api/login').then(function(data){
   console.log(data)
})

如果不是用Vue腳手架生成的專案怎麼辦呢？