VUE跨域問題Access to XMLHttpRequest at

更新時間：2022年05月06日 15:24:59 作者：曾某人啊

今天發(fā)現(xiàn)一個錯誤，VUE發(fā)送請求的時候不能請求到正確數(shù)據(jù)，VUE跨域問題Access to XMLHttpRequest at，本文就詳細(xì)的來介紹一下解決方法，感興趣的可以了解一下

問題描述

VUE發(fā)送請求的時候不能請求到正確數(shù)據(jù)，控制臺如下

在這里插入圖片描述

Access to XMLHttpRequest at 'http://localhost:8000/equip_fault_report/all' from origin 'http://localhost:8080' has been
blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我的請求js中的URL是這樣的

在這里插入圖片描述

解決方案

在配置js中寫入如下

devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:8000',
                changeOrigin: true,
                pathRewrite: {
                    '/api': ''
                }
            }
        }
    }

解讀為加鏈接頭，開啟跨域，加/api作為識別。
意為請求/api下的鏈接，直接回轉(zhuǎn)到target

在這里插入圖片描述

請求js的URl如下

在這里插入圖片描述

解決

在這里插入圖片描述

到此這篇關(guān)于VUE跨域問題Access to XMLHttpRequest at 的文章就介紹到這了,更多相關(guān)VUE跨域問題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

VUE
跨域

相關(guān)文章

vue3+ant?design的form數(shù)組表單校驗方法
這篇文章主要介紹了vue3+ant?design的form數(shù)組表單，如何校驗,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧
2023-09-09
Vue.js實戰(zhàn)之利用vue-router實現(xiàn)跳轉(zhuǎn)頁面
對于單頁應(yīng)用，官方提供了vue-router進(jìn)行路由跳轉(zhuǎn)的處理，這篇文章主要給大家介紹了Vue.js實戰(zhàn)之利用vue-router實現(xiàn)跳轉(zhuǎn)頁面的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-04-04
vue如何防范XSS攻擊的一些方法
xss的攻擊方式是發(fā)生在用戶使用瀏覽器時候運(yùn)行,通過嵌入腳本竊取用戶信息,本文主要介紹了vue如何防范XSS攻擊的一些方法,感興趣的可以了解一下
2024-04-04
Vue實現(xiàn)快捷鍵錄入功能的示例代碼
有的時候項目需要在頁面使用快捷鍵，而且需要對快捷鍵進(jìn)行維護(hù)。本文將為大家展示Vue實現(xiàn)快捷鍵錄入功能的示例代碼，感興趣的可以了解一下
2022-04-04
vue-router路由簡單案例介紹
本篇文章主要介紹了vue-router路由的使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
vue3解決各場景l(fā)oading過度的五種方法
這篇文章主要為大家詳細(xì)介紹了vue3中解決各場景l(fā)oading過度的五種方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,感興趣的小伙伴可以學(xué)習(xí)一下
2023-11-11
vue.js通過路由實現(xiàn)經(jīng)典的三欄布局實例代碼
本文通過實例代碼給大家介紹了vue.js通過路由實現(xiàn)經(jīng)典的三欄布局，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
2018-07-07
Vue中引用assets中圖片的實現(xiàn)方式
這篇文章主要介紹了Vue中引用assets中圖片的實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-10-10
vuejs實現(xiàn)折疊面板展開收縮動畫效果
這篇文章主要介紹了vuejs實現(xiàn)折疊面板展開收縮動畫效果,文中通過代碼給大家分享兩種情況介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-09-09
Vue創(chuàng)建項目后沒有webpack.config.js(vue.config.js)文件的解決
這篇文章主要介紹了Vue創(chuàng)建項目后沒有webpack.config.js(vue.config.js)文件的解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01