VUE中使用代理解決跨域問題

本來我不想寫這篇文章,但我發現要寫,必須要寫,因爲網上的一些文章看起來過於難過,,

所以我準備整理一個讓人第一眼看上去就有興趣往下看的簡潔明瞭的博文,

說明:

我在寫vue的時候,遇到過跨域問題,當時後臺還沒解決,所以我們自己在前端暫時使用了這種方式

正文:

下面是一個demo案例。

下面圖片的訪問鏈接是http://192.168.1.116:8080/demo/vuetest?name=get_param_vue (192.168.1.116是我本機localhost)

可以看出來因爲跨域訪問失敗了!

解決方法:

在工具中打開項目一級目錄config然後找到index.js在proxyTable對象中加入代理代碼,註釋已經寫了就不解釋了

添加完之後npm run dev重新啓動工程

添加代理後的訪問鏈接:http://192.168.1.116:1026/agent_url/vuetest?name=get_param_vue

再次訪問後臺,已經接收到了請求並打印了參數

 

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