vue3前端axios請(qǐng)求報(bào)錯(cuò)network錯(cuò)誤的解決辦法
更新時(shí)間：2025年08月09日 11:32:52 作者：小白o(hù).0
在使用Axios進(jìn)行網(wǎng)絡(luò)請(qǐng)求時(shí),遇到“Network?Error”報(bào)錯(cuò)可能是由多種原因?qū)е碌?這篇文章主要介紹了vue3前端axios請(qǐng)求報(bào)錯(cuò)network錯(cuò)誤的解決辦法,需要的朋友可以參考下
1.報(bào)錯(cuò)截圖
2.解決辦法
2.1.后端未設(shè)置跨域引起
跨域請(qǐng)求問題的出現(xiàn)主要是由于瀏覽器的同源策略（Same-Origin Policy）導(dǎo)致的。同源策略是一種安全機(jī)制，它限制了從一個(gè)源加載的文檔或腳本與來自另一個(gè)源的資源進(jìn)行交互。具體來說，當(dāng)協(xié)議、域名、端口中的任意一個(gè)不相同時(shí)，瀏覽器會(huì)認(rèn)為這是跨域請(qǐng)求，并默認(rèn)阻止這種請(qǐng)求。
跨域請(qǐng)求問題的原因
- 協(xié)議不同：例如從
http請(qǐng)求https。 - 域名不同：例如從
example.com請(qǐng)求api.example.com。 - 端口不同：例如從
localhost:8080請(qǐng)求localhost:3000
解決辦法
對(duì)于springboot
添加CrossOrigin注解
2.2前后端請(qǐng)求不一樣引起
對(duì)于前端
此處前端后端的請(qǐng)求不一樣，只需要把前端的post改成get即可
總結(jié)
到此這篇關(guān)于vue3前端axios請(qǐng)求報(bào)錯(cuò)network錯(cuò)誤解決辦法的文章就介紹到這了,更多相關(guān)vue3 axios請(qǐng)求報(bào)錯(cuò)network內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue3中實(shí)現(xiàn)雙向數(shù)據(jù)綁定的方法
Vue3中,雙向數(shù)據(jù)綁定主要通過v-model指令實(shí)現(xiàn),v-model是一個(gè)語法糖,結(jié)合了v-bind和v-on指令來實(shí)現(xiàn)數(shù)據(jù)的雙向綁定,它在內(nèi)部做了綁定數(shù)據(jù)和監(jiān)聽輸入事件兩件事,感興趣的朋友跟隨小編一起看看吧2024-12-12
在前端開發(fā)中,大數(shù)據(jù)量列表渲染 一直是性能挑戰(zhàn),假設(shè)我們有一個(gè) API 返回 1 萬條數(shù)據(jù),如果直接渲染到頁面,必然會(huì)導(dǎo)致嚴(yán)重卡頓甚至瀏覽器崩潰,解決方案就是虛擬列表,所以本文給大家介紹了本文兩種實(shí)現(xiàn),并給出適用場(chǎng)景,需要的朋友可以參考下2025-08-08
Vue 實(shí)現(xiàn)拖動(dòng)滑塊驗(yàn)證功能(只有css+js沒有后臺(tái)驗(yàn)證步驟)
這篇文章給大家介紹了基于vue實(shí)現(xiàn)拖動(dòng)滑塊驗(yàn)證功能，代碼引用css與js都是線上的，將代碼全部復(fù)制到一個(gè)html中可以直接打開，超級(jí)簡(jiǎn)單，感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08
這篇文章主要介紹了Vue中圖片Src使用變量的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
vue項(xiàng)目中vant tab改變標(biāo)簽顏色方式
這篇文章主要介紹了vue項(xiàng)目中vant tab改變標(biāo)簽顏色方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2022-04-04
uni-app獲取當(dāng)前環(huán)境信息的方法
uni-aap提供了異步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2個(gè)API獲取系統(tǒng)信息，這篇文章主要介紹了uni-app獲取當(dāng)前環(huán)境信息的相關(guān)知識(shí),需要的朋友可以參考下2022-11-11
Vue3全局組件注冊(cè)的實(shí)現(xiàn)代碼
在這篇文章中,我們將學(xué)習(xí)一下 Vue3 的全局組件注冊(cè)是如何實(shí)現(xiàn)的,文中通過代碼示例給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-12-12
Element?UI?Upload?組件上傳圖片可刪除、預(yù)覽功能
這篇文章主要介紹了Element?UI?Upload?組件?上傳圖片可刪除、預(yù)覽，設(shè)置只允許上傳單張?/?多張圖片的操作,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-11-11
nuxt 路由、過渡特效、中間件的實(shí)現(xiàn)代碼
這篇文章主要介紹了nuxt 路由、過渡特效、中間件的實(shí)現(xiàn)代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11
本文主要介紹了在VueRouter中,meta對(duì)象的使用和配置方式,meta對(duì)象可以包含任何你希望附加到路由的自定義信息,這些配置信息可以靈活的滿足你的應(yīng)用需求,使得路由配置更具靈活性和可擴(kuò)展性2024-10-10