React如何通過@craco/craco代理接口
更新時間：2023年10月13日 09:38:50 作者：明知山_
這篇文章主要介紹了React如何通過@craco/craco代理接口問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
React通過@craco/craco代理接口
craco.config.js文件
module.exports = {
// 代理接口
devServer: {
proxy: {
'/api': {
target: 'https://api.cn',
changeOrigin: true,
pathRewrite: {
"^/api": ''
}
}
},
},
};axios文件
axios.defaults.baseURL = "/api";
配置craco報錯
配置npm install @craco/craco 報錯
查看報錯信息是因為 react-scripts 需要得版本是4.0 版本，
所以，將 react-script的版本從5.0.1降級到4.0.0版本
npm install @craco/craco --save
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了關(guān)于react的代理配置(可配置多個代理)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要給大家介紹了關(guān)于瀏覽器中視頻播放器實現(xiàn)的基本思路與代碼,并且詳細(xì)總結(jié)了瀏覽器中的音視頻知識,對大家的理解和學(xué)習(xí)非常有幫助,需要的朋友可以參考下2021-08-08
在React中引用CSS的方法有多種,可以根據(jù)個人的喜好和項目的需求來選擇，本文主要介紹了React中引用CSS方式及寫法大全，感興趣的可以了解一下2023-10-10
useEffect是react v16.8新引入的特性。我們可以把useEffect hook看作是componentDidMount、componentDidUpdate、componentWillUnmounrt三個函數(shù)的組合2022-12-12
React使用useImperativeHandle自定義暴露給父組件的示例詳解
useImperativeHandle?是?React?提供的一個自定義?Hook,用于在函數(shù)組件中顯式地暴露給父組件特定實例的方法,本文將介紹?useImperativeHandle的基本用法、常見應(yīng)用場景,需要的可以參考下2024-03-03
這篇文章主要為大家介紹了react?hooks中的useState使用要點詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要為大家介紹了React源碼調(diào)試方式實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
本篇文章主要介紹了React-router v4 路由配置方法小結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了React?SSR?之限流,React SSR 畢竟涉及到了服務(wù)端，有很多服務(wù)端特有的問題需要考慮，而限流就是其中之一，本文會通過一個簡單的案例來說明，為什么服務(wù)端需要進(jìn)行限流，需要的朋友可以參考下2022-07-07
React?antd中setFieldsValu的簡便使用示例代碼
form.setFieldsValue是antd?Form組件中的一個方法,用于動態(tài)設(shè)置表單字段的值,它接受一個對象作為參數(shù),對象的鍵是表單字段的名稱,值是要設(shè)置的字段值,這篇文章主要介紹了React?antd中setFieldsValu的簡便使用,需要的朋友可以參考下2023-08-08