react配置代理setupProxy.js无法访问v3.0版本问题

 更新时间:2024年07月12日 09:09:17   作者:WikC.668  
这篇文章主要介绍了react配置代理setupProxy.js无法访问v3.0版本问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

react配置代理setupProxy.js无法访问v3.0版本

网上说是因为版本不对

const proxy = require('http-proxy-middleware') 

要写成

const { createProxyMiddleware } = require("http-proxy-middleware") 

但是本人试了很久还是一样页面访问不了 无奈之下直接去官网 官网已经到3.0.0版本了

官网地址:http-proxy-middleware - npm (npmjs.com)

先看一下老版本的写法

我们再来看官网的

然后我根据最新的版本设置 把'/api1' 放到createProxyMiddleware外面来

重启项目

成功进入首页!!!

总结

就这问题搞我半小时 无语死了!!!!

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • react如何获取state的值并更新使用

    react如何获取state的值并更新使用

    这篇文章主要介绍了react如何获取state的值并更新使用,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • React19 新增Hooks中useOptimistic的使用

    React19 新增Hooks中useOptimistic的使用

    useOptimistic是React提供的一个Hooks,用于实现乐观更新UI的效果,适用于评论发送等需要即时反馈的场景,下面就来详细的介绍一下
    2026-05-05
  • 作为老司机使用 React 总结的 11 个经验教训

    作为老司机使用 React 总结的 11 个经验教训

    这篇文章主要介绍了作为老司机使用 React 总结的 11 个经验教训,需要的朋友可以参考下
    2017-04-04
  • react源码中的生命周期和事件系统实例解析

    react源码中的生命周期和事件系统实例解析

    这篇文章主要为大家介绍了react源码中的生命周期和事件系统实例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • React中ES5与ES6写法的区别总结

    React中ES5与ES6写法的区别总结

    这篇文章主要总结介绍了关于React中ES5与ES6的写法区别,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • 关于react中组件通信的几种方式详解

    关于react中组件通信的几种方式详解

    这篇文章主要给大家介绍了关于react中组件通信的几种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • react解决 Hooks 闭包陷阱的问题

    react解决 Hooks 闭包陷阱的问题

    本文主要介绍了react解决 Hooks 闭包陷阱的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2026-05-05
  • 前端使用 React Query 管理“服务器状态”的方法

    前端使用 React Query 管理“服务器状态”的方法

    文章介绍了如何安装和使用React Query来管理服务器状态,文章提供了一个实战项目示例,展示了如何使用React Query来实现获取、新增、删除和自动刷新Todo列表等功能,感兴趣的朋友跟随小编一起看看吧
    2025-11-11
  • Ant Design与Ant Design pro入门使用教程

    Ant Design与Ant Design pro入门使用教程

    Ant Design 是一个服务于企业级产品的设计体系,组件库是它的 React 实现,antd 被发布为一个 npm 包方便开发者安装并使用,这篇文章主要介绍了Ant Design与Ant Design pro入门,需要的朋友可以参考下
    2023-12-12
  • React中常用的Hook有哪些

    React中常用的Hook有哪些

    这篇文章主要介绍了react hooks实现原理,文中给大家介绍了useState dispatch 函数如何与其使用的 Function Component 进行绑定,节后实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-01-01

最新评论