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错误。具体的配置方式取决于你使用的服务器和后端框架。

相关推荐
sunly_4 小时前
uniapp:微信小程序,一键获取手机号
微信小程序·小程序·uni-app
Kx…………15 小时前
Day2:前端项目uniapp壁纸实战
前端·学习·uni-app·实战·项目
高山流水&上善15 小时前
uniapp地图导航及后台百度地图回显(v2/v3版本)
uni-app
Z编程16 小时前
uniapp微信小程序引入vant组件库
微信小程序·小程序·uni-app
web_Hsir18 小时前
vue + uniapp 实现仿百度地图/高德地图/美团/支付宝 滑动面板 纯css 实现
css·vue.js·uni-app
qq_3168377519 小时前
uniapp 打包 H5 向 打包的APP 使用 @dcloudio/uni-webview-js 传值
开发语言·javascript·uni-app
WeiAreYoung1 天前
uni-app ucharts自定义换行tooltips
uni-app
搬砖-无恙1 天前
vue+uniapp 获取上一页直接传递的参数
前端·vue.js·uni-app
喆星时瑜1 天前
HBuilder运行uni-app程序报错【Error: listen EACCES: permission denied 0.0.0.0:5173】
前端·javascript·uni-app·hbuilder·error·端口占用
养军博客1 天前
封装uniapp request promise化
前端·javascript·uni-app