h5 uniapp history模式下刷新页面404

沉、睡

于 2020-10-23 09:51:21 发布

阅读量1.5k

点赞数

文章标签： java vue js ajax html

本文链接：https://blog.youkuaiyun.com/zz975896590/article/details/119991104

版权

在uniapp中使用history模式移除#后，遇到刷新页面出现404的问题。解决方法是配置服务器，确保所有未匹配到的路径都重定向到index.html。对于Apache，需配置mod_rewrite模块，而对于nginx，应设置try_files指令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

h5 uniapp history模式下刷新页面404

问题：uniapp 的history 把#去掉了，但是当刷新页面的时候出现404 解决方案需要服务端支持

如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面

Apache：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

nginx

location / {
  try_files $uri $uri/ /index.html;
}