前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【taro react】---- h5路由配置取消路由上的#

【taro react】---- h5路由配置取消路由上的#

作者头像
Rattenking
发布2022-04-29 19:16:50
7990
发布2022-04-29 19:16:50
举报
文章被收录于专栏:RattenkingRattenking

默认打包访问路由

https://{{domain}}/#/pages/index/index

期望打包访问路由

https://{{domain}}/pages/index/index

解决文档

taro 路由相关的配置 h5.router

配置路由模式

配置路由模式。‘hash’ 与 ‘browser’ 分别对应 hash 路由模式和浏览器 history 路由模式。默认值:‘hash’。

实例

修改项目 config/index.js

代码语言:javascript
复制
module.exports = {
  // ...
  h5: {
    // ...
    router: {
      mode: 'browser' // 或者是 'hash'
    }
  }
}

针对上面的配置,调用 Taro.navigateTo({ url: ‘/pages/index/index’ }) 后,浏览器地址栏将被变为:

  1. https://{{domain}}/#/pages/index/index(hash 模式)
  2. https://{{domain}}/pages/index/index(browser 模式)
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-04-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 默认打包访问路由
  • 期望打包访问路由
  • 解决文档
  • 配置路由模式
    • 实例
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档