react配置代理setupProxy.js無(wú)法訪問(wèn)v3.0版本問(wèn)題
更新時(shí)間：2024年07月12日 09:09:17 作者：WikC.668
這篇文章主要介紹了react配置代理setupProxy.js無(wú)法訪問(wèn)v3.0版本問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
react配置代理setupProxy.js無(wú)法訪問(wèn)v3.0版本
網(wǎng)上說(shuō)是因?yàn)榘姹静粚?duì)
const proxy = require('http-proxy-middleware') 要寫(xiě)成
const { createProxyMiddleware } = require("http-proxy-middleware") 但是本人試了很久還是一樣頁(yè)面訪問(wèn)不了 無(wú)奈之下直接去官網(wǎng) 官網(wǎng)已經(jīng)到3.0.0版本了
官網(wǎng)地址：http-proxy-middleware - npm (npmjs.com)
先看一下老版本的寫(xiě)法
我們?cè)賮?lái)看官網(wǎng)的
然后我根據(jù)最新的版本設(shè)置 把'/api1' 放到createProxyMiddleware外面來(lái)
重啟項(xiàng)目
成功進(jìn)入首頁(yè)?。?！
總結(jié)
就這問(wèn)題搞我半小時(shí) 無(wú)語(yǔ)死了！?。?！
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
react實(shí)現(xiàn)Radio組件的示例代碼
這篇文章主要介紹了react實(shí)現(xiàn)Radio組件的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
React Native中導(dǎo)航組件react-navigation跨tab路由處理詳解
這篇文章主要給大家介紹了關(guān)于React Native中導(dǎo)航組件react-navigation跨tab路由處理的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-10-10
react如何實(shí)現(xiàn)一個(gè)密碼強(qiáng)度檢測(cè)器詳解
這篇文章主要給大家介紹了關(guān)于react如何實(shí)現(xiàn)一個(gè)密碼強(qiáng)度檢測(cè)器的相關(guān)資料,使用這個(gè)密碼強(qiáng)度器后可以幫助大家提高在線帳號(hào)、個(gè)人信息的安全性,需要的朋友可以參考下2021-06-06
React Native中NavigatorIOS組件的簡(jiǎn)單使用詳解
這篇文章主要介紹了React Native中NavigatorIOS組件的簡(jiǎn)單使用詳解,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
React函數(shù)組件hook原理及構(gòu)建hook鏈表算法詳情
這篇文章主要介紹了React函數(shù)組件hook原理及構(gòu)建hook鏈表算法詳情，每一個(gè)?hook?函數(shù)都有對(duì)應(yīng)的?hook?對(duì)象保存狀態(tài)信息，更多詳細(xì)分析，需要的朋友可以參考一下2022-07-07
使用React封裝一個(gè)Tree樹(shù)形組件的實(shí)例代碼
這篇文章主要介紹了使用React封裝一個(gè)Tree樹(shù)形組件的實(shí)例,文中通過(guò)代碼示例講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-03-03
使用React和Redux Toolkit實(shí)現(xiàn)用戶登錄功能
在React中，用戶登錄功能是一個(gè)常見(jiàn)的需求，為了實(shí)現(xiàn)該功能，需要對(duì)用戶輸入的用戶名和密碼進(jìn)行驗(yàn)證，并將驗(yàn)證結(jié)果保存到應(yīng)用程序狀態(tài)中，在React中，可以使用Redux Toolkit來(lái)管理應(yīng)用程序狀態(tài)，從而實(shí)現(xiàn)用戶登錄功能，需要詳細(xì)了解可以參考下文2023-05-05
這篇文章主要為大家詳細(xì)介紹了react實(shí)現(xiàn)自定義拖拽hook，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
render props是指一種在 React 組件之間使用一個(gè)值為函數(shù)的 prop 共享代碼的技術(shù)。簡(jiǎn)單來(lái)說(shuō)，給一個(gè)組件傳入一個(gè)prop，這個(gè)props是一個(gè)函數(shù)，函數(shù)的作用是用來(lái)告訴這個(gè)組件需要渲染什么內(nèi)容，那么這個(gè)prop就成為render prop2022-11-11
如何解決React官方腳手架不支持Less的問(wèn)題(小結(jié))
這篇文章主要介紹了如何解決React官方腳手架不支持Less的問(wèn)題(小結(jié))，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09