react配置代理setupProxy.js無法訪問v3.0版本問題
更新時(shí)間：2024年07月12日 09:09:17 作者：WikC.668
這篇文章主要介紹了react配置代理setupProxy.js無法訪問v3.0版本問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
react配置代理setupProxy.js無法訪問v3.0版本
網(wǎng)上說是因?yàn)榘姹静粚?duì)
const proxy = require('http-proxy-middleware') 要寫成
const { createProxyMiddleware } = require("http-proxy-middleware") 但是本人試了很久還是一樣頁面訪問不了 無奈之下直接去官網(wǎng) 官網(wǎng)已經(jīng)到3.0.0版本了
官網(wǎng)地址：http-proxy-middleware - npm (npmjs.com)
先看一下老版本的寫法
我們?cè)賮砜垂倬W(wǎng)的
然后我根據(jù)最新的版本設(shè)置 把'/api1' 放到createProxyMiddleware外面來
重啟項(xiàng)目
成功進(jìn)入首頁?。?！
總結(jié)
就這問題搞我半小時(shí) 無語死了?。。?！
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了react如何獲取state的值并更新使用，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
React19 新增Hooks中useOptimistic的使用
useOptimistic是React提供的一個(gè)Hooks,用于實(shí)現(xiàn)樂觀更新UI的效果,適用于評(píng)論發(fā)送等需要即時(shí)反饋的場(chǎng)景,下面就來詳細(xì)的介紹一下2026-05-05
作為老司機(jī)使用 React 總結(jié)的 11 個(gè)經(jīng)驗(yàn)教訓(xùn)
這篇文章主要介紹了作為老司機(jī)使用 React 總結(jié)的 11 個(gè)經(jīng)驗(yàn)教訓(xùn),需要的朋友可以參考下2017-04-04
react源碼中的生命周期和事件系統(tǒng)實(shí)例解析
這篇文章主要為大家介紹了react源碼中的生命周期和事件系統(tǒng)實(shí)例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
這篇文章主要總結(jié)介紹了關(guān)于React中ES5與ES6的寫法區(qū)別，文中介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來一起看看吧。2017-04-04
這篇文章主要給大家介紹了關(guān)于react中組件通信的幾種方式，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
本文主要介紹了react解決 Hooks 閉包陷阱的問題,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2026-05-05
前端使用 React Query 管理“服務(wù)器狀態(tài)”的方法
文章介紹了如何安裝和使用React Query來管理服務(wù)器狀態(tài),文章提供了一個(gè)實(shí)戰(zhàn)項(xiàng)目示例,展示了如何使用React Query來實(shí)現(xiàn)獲取、新增、刪除和自動(dòng)刷新Todo列表等功能,感興趣的朋友跟隨小編一起看看吧2025-11-11
Ant Design與Ant Design pro入門使用教程
Ant Design 是一個(gè)服務(wù)于企業(yè)級(jí)產(chǎn)品的設(shè)計(jì)體系,組件庫是它的 React 實(shí)現(xiàn),antd 被發(fā)布為一個(gè) npm 包方便開發(fā)者安裝并使用,這篇文章主要介紹了Ant Design與Ant Design pro入門,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了react hooks實(shí)現(xiàn)原理,文中給大家介紹了useState dispatch 函數(shù)如何與其使用的 Function Component 進(jìn)行綁定，節(jié)后實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-01-01