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

總結

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

關于react的代理配置(可配置多個代理)
這篇文章主要介紹了關于react的代理配置(可配置多個代理)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12
瀏覽器中視頻播放器實現(xiàn)的基本思路與代碼
這篇文章主要給大家介紹了關于瀏覽器中視頻播放器實現(xiàn)的基本思路與代碼,并且詳細總結了瀏覽器中的音視頻知識,對大家的理解和學習非常有幫助,需要的朋友可以參考下
2021-08-08
React中引用CSS方式及寫法大全(三種方式)
在React中引用CSS的方法有多種,可以根據(jù)個人的喜好和項目的需求來選擇，本文主要介紹了React中引用CSS方式及寫法大全，感興趣的可以了解一下
2023-10-10
React useEffect的理解與使用
useEffect是react v16.8新引入的特性。我們可以把useEffect hook看作是componentDidMount、componentDidUpdate、componentWillUnmounrt三個函數(shù)的組合
2022-12-12
React使用useImperativeHandle自定義暴露給父組件的示例詳解
useImperativeHandle?是?React?提供的一個自定義?Hook,用于在函數(shù)組件中顯式地暴露給父組件特定實例的方法,本文將介紹?useImperativeHandle的基本用法、常見應用場景,需要的可以參考下
2024-03-03
react?hooks中的useState使用要點
這篇文章主要為大家介紹了react?hooks中的useState使用要點詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-09-09
React 源碼調試方式
這篇文章主要為大家介紹了React源碼調試方式實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
React-router v4 路由配置方法小結
本篇文章主要介紹了React-router v4 路由配置方法小結，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
React?SSR?中的限流案例詳解
這篇文章主要介紹了React?SSR?之限流,React SSR 畢竟涉及到了服務端，有很多服務端特有的問題需要考慮，而限流就是其中之一，本文會通過一個簡單的案例來說明，為什么服務端需要進行限流，需要的朋友可以參考下
2022-07-07
React?antd中setFieldsValu的簡便使用示例代碼
form.setFieldsValue是antd?Form組件中的一個方法,用于動態(tài)設置表單字段的值,它接受一個對象作為參數(shù),對象的鍵是表單字段的名稱,值是要設置的字段值,這篇文章主要介紹了React?antd中setFieldsValu的簡便使用,需要的朋友可以參考下
2023-08-08