axios實現跨域請求
阿新 • • 發佈:2018-11-11
在使用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