跨域問題,在前後端連調過程中在所難免。有時後端可能暫時不會幫你解決,所以咱們前端的小姐姐們可以自己解決的。
如果你是vue-cli搭建的環境:
在config/index.js中找到proxyTable,並配置如下即可:
proxyTable: {
'/api': {
target: 'http://172.14.205.18:9191/',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
配置完畢後。重啓即可。
在用到接口的地方這樣寫:axios.get('api/你的接口地址')....這樣就可以了。
說一點注意的點:配置反響代理以後 ,在network裏面是看不到的。瀏覽器中顯示你請求的URL依舊會是:http://localhost:8080/api/...接口名 。此時不要懷疑配置的問題。是的確如此的。這樣已經完美的解決了跨域問題。
小夥伴們,如有問題,歡迎聯繫我哈。