React路由与认证入门指南

Create React App 是入门 React 开发的最佳选择。项目启动后,可用以下 yarn 脚本进行基本操作:

  1. yarn start:在开发模式下运行应用程序。启动后可通过浏览器查看,页面会在编辑时自动刷新,且 console 会提示错误。

  2. yarn test:启动测试运行程序,以交互模式监控测试,详情参见 Testing 部分。

  3. yarn build:将项目打包到 build 文件夹,启用生产模式以优化性能。构建文件名包含哈希值,有助于部署后的缓存更新。

  4. yarn eject:谨慎使用!此操作无法撤销。适用于高级用户调整构建工具和配置,运行后会暴露所有依赖项如 webpackBabel

项目配置和部署完成后,即可开始设置 路由与认证。通过 react-router 设定应用的路由结构,利用中间件和条件渲染实现认证,保障安全性和用户体验。

zip
react-routes-authentication-JWT-main.zip 预估大小:21个文件
folder
react-routes-authentication-JWT-main 文件夹
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 4KB
file
logo512.png 9KB
file
logo192.png 5KB
file
yarn.lock 503KB
folder
src 文件夹
folder
pages 文件夹
folder
Home 文件夹
file
Home.tsx 1KB
folder
Produtos 文件夹
file
Produtos.tsx 975B
file
index.tsx 337B
file
routes.tsx 328B
file
App.css 35B
file
App.tsx 65B
file
react-app-env.d.ts 40B
file
tsconfig.json 535B
file
README.md 2KB
folder
api 文件夹
file
db.json 1KB
file
package.json 94B
file
.gitignore 310B
file
package-lock.json 634KB
file
package.json 1KB
zip 文件大小:379.16KB