使用axios+react搭建项目注意事项

野港

于 2024-05-18 16:54:36 发布

阅读量331

点赞数 6

分类专栏： react框架搭建文章标签： react.js 前端前端框架

本文链接：https://blog.youkuaiyun.com/qq_52491197/article/details/139027109

版权

node js版本:18.20.2

react 版本18.3.1

axios 版本1.6.8

这个版本应该是目前使用比较新的版本使用react +axios 搭建项目
我这里只是做一个自己的错误记录如果有小伙伴出现了类似情况请注意

搭建项目的时候呢我是释放了eject 其实antd 项目和自己搭建还是有很大的区别主体和扩展性自己去搭建的呢相对来说比较熟悉自己的项目脚手架

配置代理文件:setupProxy.js

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

module.exports = function (app) {
    app.use(
        createProxyMiddleware('/api/', {
            target: process.env.BASE_URL,
            changeOrigin: true,
            pathRewrite: {
                '^/api': '',
            },
        })
    );
};

这里是我的axios配置注意:这里是有问题的

import {notification} from 'antd';
import axios, {AxiosResponse, AxiosError} from 'axios';
import storageData from '@/utils/storage';
import {YuHaiToken} from '@/utils/config';

const service = a