react 路由导致的刷新页面样式丢失问题

如下是引入样式的代码

使用路由情况

other


原因分析

使用了类似多级路由的路由'/one/other',请求样式时把前面的路径one也加入请求地址,而文件找不到,react默认会返回index.html。看到的效果是样式丢失

解决方案1

把href最前面的点去掉,如下:

解决方案2

使用绝对路径,加%PUBLIC_URL% 

解决方案3

将BrowserRouter改用HashRouter。这样请求资源时#后面的路径不再查看。

 

 

你可能感兴趣的:(react,前端,react,前端)