vue項目本地開發環境設置代理解決跨域問題

跨域問題,在前後端連調過程中在所難免。有時後端可能暫時不會幫你解決,所以咱們前端的小姐姐們可以自己解決的。

如果你是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/...接口名    。此時不要懷疑配置的問題。是的確如此的。這樣已經完美的解決了跨域問題。

小夥伴們,如有問題,歡迎聯繫我哈。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章