uniapp 路由不要显示#

在Uniapp中,路由默认使用的是hash模式,即在URL中添加#符号。如果你不想在URL中显示#,可以切换为使用history模式。

要在Uniapp中使用history模式,可以按照以下步骤进行操作:

  1. 打开manifest.json文件。
  2. "app"节点下添加一个"router" 节点。
  3. "router"节点下添加一个"mode"属性,并将其值设置为"history"

或者代码设置

示例:

json 复制代码
{
  "app": {
    "router": {
      "mode": "history"
    }
  }
}

切换到history模式后,Uniapp将使用HTML5的history.pushState方法来管理路由,而不再使用hash模式。这样,在URL中就不会显示#符号了。

请注意,使用history模式需要后端服务器的支持。你需要在服务器上进行相应的配置,以确保在刷新页面或直接访问路由时能正确地返回对应的页面。

另外,切换到history模式后,你需要确保在打包或部署应用时,服务器能正确地处理路由请求,以避免404错误。具体的配置方式取决于你使用的服务器和后端框架。

相关推荐
PedroQue9943 分钟前
uni-app路由插件化:解锁高效开发新姿势
前端·uni-app
2501_915909062 小时前
iOS 证书创建与管理 类型限制 p12 密码与云备份实操
android·ios·小程序·https·uni-app·iphone·webview
anyup2 小时前
【2026年8月】uView Pro 千星,还拿到了 GVP
前端·uni-app·github
andr_gale21 小时前
02_uniapp自定义上凸效果的底部TabBar
前端·javascript·uni-app·移动端
不爱说话郭德纲1 天前
uni-app x iOS 扫码模糊怎么办?AVFoundation 灰尘级别摄像头助你超广角聚焦
前端·uni-app·app
CHB2 天前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark【Android版】
android·ios·uni-app
游戏开发爱好者84 天前
系统状态:专为iPhone和iPad设计的实时系统性能监控工具全面介绍
android·ios·小程序·uni-app·iphone·webview·ipad
2501_915909064 天前
全面解析iOS应用上架到App Store的完整流程与关键注意事项
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915106324 天前
iOS 证书类型及作用说明 账号证书与签名配置的完整解读
android·ios·小程序·https·uni-app·iphone·webview
2501_916008895 天前
移动安全之 APP 加固,保障移动应用安全的重要手段
安全·macos·ios·小程序·uni-app·iphone·xcode