摘要: Css module 在React多人开发中 css中的类肯定会发生冲突 如果每个页面的样式文件加上.module(文件名.module.scss)那么就会避免冲突(原理是将模块的类和id后面会随机生成一些字符串 防止避免冲突) 我们如何获取到那个随机的类呢 例如A页面 目录结构 a -> a.mo 阅读全文
posted @ 2022-12-06 03:21 HuangBingQuan 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 路由拦截 应用场景:鉴权,当用户进入到需要授权的组件时,这时候进行拦截,判断用户是否授权,如果授权则放行,正常跳转,如果非授权则重定向授权页面。 举个栗子 import React from 'react' import { BrowserRouter, HashRouter, Redirect, 阅读全文
posted @ 2022-12-06 02:10 HuangBingQuan 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 参数传递与获取参数 1. 动态路由传参 * 前提配置路由,留好占位 // 1.配置占位 <HashRouter> <Switch> <Route path="/xxx/:id"></Route> //留好占位 </Switch> </HashRouter> // 2.参数传递 import useH 阅读全文
posted @ 2022-12-06 02:09 HuangBingQuan 阅读(642) 评论(0) 推荐(0) 编辑
摘要: 路由模式 BrowserRouter与HashRouter BrowserRouter 没有#的路径 HashRouter 有#路径 举个栗子 import React from 'react' import { BrowserRouter, HashRouter, Redirect, Route, 阅读全文
posted @ 2022-12-06 02:07 HuangBingQuan 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 反向代理 目的:解决跨域问题 在src目录下新建一个setupProxy.js const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use( 阅读全文
posted @ 2022-12-06 02:02 HuangBingQuan 阅读(126) 评论(0) 推荐(0) 编辑