在使用vue.js進行開發，我們會遇到跨域請求的情況，這裡記錄下自己所遇到的情況。

使用的是目前主流的axios進行請求，首先開啟config資料夾下的index檔案，在proxyTable裡面新增程式碼

    proxyTable: {
      '/api': {
        target: 'http://api.dataoke.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },

呼叫示例：

axios.get('/api/index.php?r=Port/index&type=top100&appkey')
     .then (res => {
        console.log(res)
     })
 

這裡示例的是一個大淘客的api，target裡寫上需要請求的api的域名，changeOrigin表示是否跨域，pathRewrite，這個引數本人理解為將api開頭請求的代替target裡的地址，呼叫介面的時候就不需要寫target部分的地址了。

歡迎廣大同行wx交流：leecac