前端跨域很常見，最近用vue做專案，用webpack中的代理跨域proxyTable解決，非常完美。所以進行總結一下，避免自己遇到類似的問題。

我們先找到專案中的config目錄下面的index.js，如下圖所示

然後在index.js中寫入下面的程式碼，進行代理處理

module.exports = {
  dev: {
    proxyTable: {
      '/getClubItems': {
        target: 'https://www.exaple.com',  // 介面域名
        secure: false,  // 如果是https介面，需要配置這個引數
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/apis': ''   //需要rewrite的,
        }
      }
    }
}
 

https://www.exaple.com

然後我們在使用的時候，可以這樣使用

goodsGetFirst: (obj) => {
    return get('/getClubItems', obj)
},

/getClubItems