uniapp路由模式

UniApp 路由模式配置
H5 平台下的路由模式
对于H5平台，UniApp提供了两种主要的路由模式：Hash模式和History模式。
Hash模式
这种模式通过URL中的#来管理路由，所有的路由信息都位于#之后。其优点在于良好的浏览器兼容性和简单的实现方式，无需服务器端的支持即可完成前端路由的功能[^2]。
<!-- 使用Hash模式 -->
<router-view></router-view>
登录后复制
设置Hash模式通常不需要额外的配置，在创建项目时默认启用此模式。
History模式
相比之下，History模式利用HTML5的History API来进行路由管理，从而使得URL更加简洁美观，去除了#符号的存在。不过，这种方式要求服务器能够正确处理这些看似不存在文件路径的请求，并将其导向到应用程序入口文件（通常是index.html），以便让前端接管并解析实际要展示的内容。
Nginx 配置实例
当选择History模式时，如果遇到刷新页面返回404错误的情况，则需调整Nginx配置以确保所有未匹配的具体资源请求最终都能指向应用首页：
location /your-app-path {
try_files $uri $uri/ /your-app-path/index.html;
}
登录后复制
这里假设你的应用部署在一个特定子路径下（如/your-app-path）。上述配置会尝试先查找具体的文件或目录；若找不到，则转向加载该路径下的index.html文件，进而允许Vue Router正常工作于History模式之下[^3]。
小程序及其他原生平台
值得注意的是，在除H5之外的小程序和其他移动端平台上，UniApp并不区分这两种路由模式的概念，而是遵循各自平台特有的导航机制进行页面跳转操作[^1]。