分享更有价值
被信任是一种快乐

react后端请求数据如何实现

文章页正文上

本篇内容主要讲解“react后端免费云主机、域名请求数据如何实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“react后端请求数据如何实现”吧!react后端请求数据的实现方法:1、在package.json中配置“ “proxy”:”http://localhost:5000″”;2、在src目录下创建“setupProxy.js”文件;3、调用“setupProxy.js”中配置的功能,代码如“createProxyMiddleware(‘/api2’,{target:…}”。react-ajax请求后台数据方法这样localhost:5000就是我们要代理到的服务器获取localhost:5000中/students的数据优点:**配置简单,前端请求资源不需要任何前缀缺点:**不能配置多个代理服务器第一步:webpack配置了调用setupProxy.js中配置的功能setupProxy.js第二步:配置

App.jsx
Search.jsx

List.jsx{item.login}PubSubJs:pub:(publish)发布sub:(subscribe)订阅pubsub-js:就是用来实现发布订阅的,可以把它看过vue中的eventBus,看作是函数的载体订阅方:创建一个函数,并且将这个函数传给pubsub做托管

发布方:发布的意思就是通过调用订阅方指定的函数,实现传参或执行操作功能

第一步:添加pubsub-js

**第二步:**在组件中导入

**第三步:**调用PubSub订阅函数(一般是在componentDidMount钩子函数中订阅)

{item.login}xhr:xmlHttpRequest:传统的ajaxjQuery:封装了xhraxios:封装了xhr**fetch(取来)?*window内置的,不用借用第三方库,直接使用缺点:目前不是很好用,没有请求发送拦截器缺点:兼容性不高优点:没有用xhr,不用安装第三方库,原生到此,相信大家对“react后端请求数据如何实现”有了更深的了解,不妨来实际操作一番吧!这里是云技术网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: 大疆行业应用旗舰无人机官宣:5月18日发布

大疆创新官方宣布,将于5月18日21点发布大疆行业应用旗舰新品无人机,口号为满载实力,一往无前”。 与消费级无人机不同,行业无人机会根据行业需求专门定制,在旋翼、相机、多光谱、变焦、无人值守等方面加强,以便适用于行业需求。 比如DJI Mavic 3行业系列中…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册