Vue axios 本地請求跨域訪問的問題
阿新 • • 發佈:2018-11-14
首先在專案中安裝http-proxy-middleware
中介軟體作為代理
npm i http-proxy-middleware -D
在config/index.js中配置代理proxyTable
module.exports = {
dev: {
proxyTable: {
'/proxy': {
target: 'http://ip.taobao.com', // 需要請求的地址
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/proxy' : '/' // 替換target中的請求地址,也就是說,在請求的時候,url用'/proxy'代替'http://ip.taobao.com'
}
}
}
}
使用示例
apiGet() {
axios
// 這裡用'/proxy'代替了baseUrl
.get("/proxy/service/getIpInfo.php", {
params: {
ip: ""
}
})
.then(result => {
console .log(result);
})
.catch(err => {});
}