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
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
react中history(push,go,replace)切换路由方法的区别及说明
这篇文章主要介绍了react中history(push,go,replace)切换路由方法的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10React项目中报错:Parsing error: The keyword &a
ESLint 默认使用的是 ES5 语法,如果你想使用 ES6 或者更新的语法,你需要在 ESLint 的配置文件如:.eslintrc.js等中设置 parserOptions,这篇文章主要介绍了React项目中报错:Parsing error: The keyword 'import' is reservedeslint的问题及解决方法,需要的朋友可以参考下2023-12-12解决React报错Property 'X' does not 
这篇文章主要为大家介绍了解决React报错Property 'X' does not exist on type 'HTMLElement',有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-12-12
最新评论