Vue解決跨域問題,本地代理

瀏覽器對於javascript的同源策略的限制。請求的url地址,必須與瀏覽器上的url地址處於同域上,也就是域名,端口,協議相同。否則就會拋出跨域錯誤哦~

在傳統的JQuery項目裏面,後端給一個callback函數,然後前端用jsonp來處理。

或者後端將header設置爲 * 來允許全部來源訪問

現在大部分公司都在用Vue來開發,可以用本地代理來解決這個問題,

At first

在config的index.js文件裏面配置proxyTable(proxyTable是讓我們配置本地代理的地方)

And then 解釋一下各參數的含義

/api/**   這個地方意思是 遇到api/**我們就進行代理轉發

target   你們後端大佬給你的接口地址

Secure  如果你的接口是https協議,需要配置這個

changeOrigin  是否跨域

pathRewrite  重寫地址,你代理過來之後的路徑

如果有任何疑問或者需要我改進的地方,歡迎各位大佬給我留言~

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