axios處理跨域問題

2021-09-29 14:19:26 字數 709 閱讀 6146

import axios from

'axios'

vue.

use(elementui)

;vue.prototype.$axios=axios //把axios掛載到vue的原型中 在vue中的每個元件都可以使用axios傳送請求

//重要在於這裡 vue.prototype.home='/awsomepos'是乙個定值,

//預設指向localhost,所有修改指向路徑為'/awsomepos',配置檔案index.js定義的可跨域路徑

vue.prototype.

home

='/awesomepos'

module.exports =}}

,

created()

).catch

(error =>);

axios

.get(

this

.home

+"/awesomepos/goods/often").

then

(response =>).

catch

(error =>);

},

配置完成後就可以成功的跨域訪問了。

需要注意的是:在vue專案中如果我們修改了config中的檔案,千萬不要重啟專案,否則可能會發生報錯。

axios跨域問題

之前沒了解什麼是跨域,所以以為在同一臺機子上執行前後端 即可不用解決跨域的問題,在此,我深深為我的憨憨所抱歉。在將token放進request頭之後,執行專案之後進入後端,被 所攔截,報錯內容為 no access control allow origin header is present on ...

vue前端處理跨域問題 axios

main.js 在main.js檔案中引入axios import vue from vue step1 引入 axios import axios from axios vue.config.productiontip false step2 把axios掛載到vue的原型中,在vue中每個元件都...

vue 使用 axios 跨域處理

最近在做乙個 網 freemusic 因為這個專案採用的是vue框架 axios進行http請求,所以結合vue axios進行跨域處理,先說說在伺服器端設定跨域處理 header access control allow origin header access control allow hea...