在使用React或Vue中,解决多级路由路径刷新页面,样式丢失的问题
前提:
-
路由使用
BrowserRouter
模式 -
在
index.html
中引入了样式
1. 修改路径1
public/index.html
中引入样式时不写./
写 /
(常用)
2. 修改路径2
-
在 React 中
public/index.html
中引入样式时不写/
写%PUBLIC_URL%
(常用) -
在 Vue 中
public/index.html
中引入样式时不写/
写<%= BASE_URL %>
(常用)
3. 更改路由模式
使用 HashRouter
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步