vue.js 跨域請求代理
阿新 • • 發佈:2019-01-03
一:跨域請求代理
1:開啟config/index.js,增加proxyTable內容
module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'https://www.zhangzhijian.com', //源介面地址,network請求地址中api前面的部分 changeOrigin: true, //改變源 pathRewrite: { '^/api': ''//這裡理解成用‘/api’代替target裡面的地址,後面元件中我們掉介面時直接用api代替 比如我要呼叫'http://40.00.100.100:3002/user/add',直接寫‘/api/user/add’即可 } } },
2:在需要調介面的元件中這樣使用:
axios.post('/api/yt_api/login/doLogin',postData)
.then(function (response) {
console.log(1)
console.log(response);
})
.catch(function (error) {
console.log(error);
})
注意:原介面:http://www.zhangzhijian.com/yt_api/login/doLogin
頁面呼叫:http://localhost:8081/api/yt_api/login/doLogin ——這裡多了一個/api/不是多餘的,不要刪