React系列：react项目的创建到可以编写业务的一些列初始化

import {createBrowserRouter} from "react-router-dom";
import Layout from "../pages/Layout";
import Login from "../pages/Login";

const router = createBrowserRouter([
    {
        path:'/',
        element:<Layout/>
    },
    {
        path:'/login',
        element:<Login/>
    }
])
export default router

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import {RouterProvider} from 'react-router-dom'
import router from './router';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <RouterProvider router={router}/>
  </React.StrictMode>
);

//axios 封装处理
import axios from "axios";
 

//根域名配置 超时时间  请求拦截器  响应拦截器

const request = axios.create({
    baseURL:'',
    timeout:5000,
})

// 请求拦截器
request.interceptors.request.use((config)=>{
    return config
},(error)=>{
    return Promise.reject(error)
})

// 响应拦截器
request.interceptors.response.use((result)=>{
    //2xx 范围内的状态码都会出发该函数
    return result.data
},(error)=>{
    // 其他响应的状态码
    return Promise.reject(error)
})

export {request}

// 统一中转模块函数
import {request} from './request'

export {
    request
}