Vue：axios請求以及跨域
阿新 • • 發佈：2021-11-10
Vue：的跨域需要配置：
為什麼發生跨域因為請求被瀏覽器攔截了
答：瀏覽器發現當前的請求誇域了,就不給了。
Vue解決跨域
答：設定代理伺服器
後端解決跨域：cros！響應時提供特殊響應頭，瀏覽器一看就知道能給你。
Vue：就使用代理伺服器
在Vue.config.js配置目標路徑（記得重啟）
配置程式碼
//配置設定檔案 module.exports = { //設定語法檢查關閉 lintOnSave:false, //設定代理伺服器 devServer:{ //地址寫上你要轉發的那個伺服器 proxy:'http://localhost:5000' } }
使用npm i axios安裝
axios
methods:{ myaxios(){ axios.get("http://localhost:8080").then( response=>{ console.log('請求成功'+ response.data) }, error=>{ console.log( "請求失敗"+error.message) } ) } }