react跨域的解决

安装  http-proxy-middleware

 npm install http-proxy-middleware

在根目录下的src新建setupProxy.js

const {createProxyMiddleware}=require('http-proxy-middleware')
module.exports=function(app){
    app.use(
        createProxyMiddleware('/api1',{//api1是需要转发的请求（所有带有/api1前缀的请求都会转发给5000）
            target:'http://localhost:5000',//配置转发目标地址（能返回数据的服务器地址）
            changeOrigin:true,//控制服务器收到的请求头中Host字段的值
            pathRewrite:{'^/api1':''}//去除请求前缀，保证交给后台服务器的是正常请求地址（必须配置）
        }),
        createProxyMiddleware('/api2',{//api2是需要转发的请求（所有带有/api1前缀的请求都会转发给5001）
            target:'http://localhost:5001',//配置转发目标地址（能返回数据的服务器地址）
            changeOrigin:true,//控制服务器收到的请求头中Host字段的值
            pathRewrite:{'^/api2':''}//去除请求前缀，保证交给后台服务器的是正常请求地址（必须配置）
        })
    )
}

css重复命名的解决方案

css文件添加module

index.module.css

css代码

import style from  './index.module.css'

使用

import style from  './index.module.css'

import style from  './index.module.css'