前言：我們在進行一個項目開發(fā)工程中，需要從后端工程師那里獲取數(shù)據(jù)庫中的數(shù)據(jù)。然而前端代碼和后端代碼在未打包前是分離的，這就引入了一個“跨域取數(shù)據(jù)”的問題。

下面，我們就簡單說下，利用vue腳手架生成的項目，在開發(fā)過程中怎么解決此問題。

第一步

找到并打開config文件夾下的index.js,做如下配置proxyTable：

proxyTable: {
  '/api': {
    target: 'http://api.xxxxxxxx.com',
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/api'
    }
  }
}
//說明配置中的target后面內(nèi)容為后端人員提供的數(shù)據(jù)接口。
//原理就是類似vpn做了一個中轉(zhuǎn)，Node替你去接口請求數(shù)據(jù)而已

第二步

//調(diào)用
this.$http.get('/api/login').then(function(data){
   console.log(data)
})

如果不是用Vue腳手架生成的項目怎么辦呢？

引入插件http-proxy-middleware
github：https://github.com/chimurai/http-proxy-middleware
深入了解的話可以看該插件配置說明，似乎還支持websocket，很強大的插件。