【React】React + Router + MUI 工程搭建
初始化 create-react-app npx create-react-app my-app 安装 MUI 在工程路径下执行： npm install @mui/material @emotion/react @emotion/styled npm install @mui/material @mui/styled-engine-sc styled-components npm install @mui/icons-material 在 public/index.html 中引入： <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> 引入一个按钮。修改 src/App.js 如下： import './App.css'; import {Button} from "@mui/material"; function App() { return ( <> <Button variant="contained">你好，世界</Button> </> ); } export default App; 修改 src/App.css 如下： body { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } 启动 npm start 如此打开 http://localhost:3000 可看到简单页面： 跨域请求 配置跨域 npm install http-proxy-middleware 创建文件 src/setupProxy.js 如下： ...