React的ajax请求(简略版)

安装:npm install axios

在src文件下的setupProxy.js文件里写地址:

以拼多多地址为例:

https://home-api.pinduoduo.com/home/mediareports?page_number=1&page_size=30

setupProxy.js文件:

const { createProxyMiddleware } = require('http-proxy-middleware');module.exports = function (app) {app.use(
//这里的home于上面主地址后面的'/home', createProxyMiddleware({
//主地址target: 'https://home-api.pinduoduo.com',changeOrigin: true,}));
};

jsx文件使用引入文件:

import axios from 'axios'componentDidMount(){axios.get('/home/mediareports',{params:{page_number:1,page_size:35}}).then((res)=>{console.log(res)})}

React的ajax请求(简略版)相关推荐

react发送Ajax中文问号,如何从Javascript/React发送AJAX请求并在pythonrestapi中接收数据...
我在react中编写了前端代码.我有一个简单的for,用户可以填写他们的姓名.职务.部门和其他类似的基本字符串字段.当用户点击提交时,我让javascript创建一个用python+flask编写的对 ...
python学习-- django 2.1.7 ajax 请求进阶版
#原来版本 $.get("/add/",{'a':a,'b':b}, function(ret){ $('#result').html(ret)}) #进阶版 $.get(&qu ...
antd 进行ajax请求,react+dva+antd接口调用方式
一丶安装通过 npm 安装 dva-cli 并确保版本是0.8.1或以上. $ npm install dva-cli -g $ dva -v 0.8.1 二丶创建新应用安装完dva-cli之后 ...
React基础-React中发送Ajax请求以及Mock数据
前言在 React 中, render 函数返回的结果,取决于组件的 props 和 state 我们都知道 UI 页面上的数据不是写死的,往往是从后端的数据接口中拿到的然后将真实的数据填充到页面 ...
react中 ajax跨域请求
因为项目需要,目前需要通过react ajax请求,实现请求其它域的登录URL,将用户写入到其它域的cookie中,之后herf连接该网址的其他内容的时候,便可直接跳转到对应内容,无需跳转到登录页面. ...
React 生命周期函数使用场景及ajax请求前端模拟数据
React 中的生命周期函数是很重要的. 我们在写组件的时候,组件都是继承自React.Component 的,Component内置了其他所有生命周期函数,唯独没有render 函数.因此我们在写组 ...
React学习(九)-React中发送Ajax请求以及Mock数据
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊撰文 | 川川 VX-ID:suibichuanji 点 ...
理解 React Native 中的 AJAX 请求
曾经,大多数 Web 应用程序通过用户操作刷新整个网页以与 Web 服务器通信. 后来,AJAX(异步 JavaScript 和 XML)概念通过提供一种在后台与 Web 服务器通信的方式使 Web ...
axios不发起请求_重复的ajax请求让人很受伤
重复的ajax请求让人很受伤重复的ajax请求一波又一波的袭来,服务器正躲在角落里瑟瑟发抖,它内心是崩溃的,这算是遭了罪了, 前端小王子为啥没有做好限制和封锁,真是伤不起啊,哎,不如意事常八九,能与 ...

React的ajax请求(简略版)

React的ajax请求(简略版)相关推荐

最新文章

热门文章