React之axios请求

软工212钱卢骏

已于 2023-01-03 19:24:23 修改

阅读量342

点赞数 1

CC 4.0 BY-SA版权

分类专栏： React 文章标签： react.js 前端 javascript

于 2023-01-03 19:22:37 首次发布

本文链接：https://blog.youkuaiyun.com/Nathan_Qian/article/details/128536823

这篇博客详细介绍了在React应用中如何使用axios进行HTTP请求。首先，讲解了安装axios、创建和运行node服务器的过程，然后在React项目中实现了app对接。接着，博主讨论了跨域代理的问题，对比了通过package.json配置proxy和编写setupProxy.js文件来解决跨域的不同方案，并指出它们的优缺点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.开始操作

安装axios

npm i axios

手写node服务器

const express = require('express')
const app = express()

app.use((request, response, next) => {
    console.log('有人请求服务器1了');
    console.log('请求来自于', request.get('Host'));
    console.log('请求的地址', request.url);
    next()
})

app.get('/students', (request, response) => {
    const students = [
        { id: '001', name: 'tom', age: 18 },
        { id: '002', name: 'jerry', age: 19 },
        { id: '003', name: 'tony', age: 120 },
    ]
    response.send(students)
})

app.listen(5010, (err) => {
    if (!err) console.log('服务器1启动成功了,请求学生信息地址为：http://localhost:5010/students');
    else console.log('失败了');
})