uni-app去掉链接后面的#号(带uni-simple-router)

最新推荐文章于 2024-08-04 15:22:52 发布
最新推荐文章于 2024-08-04 15:22:52 发布
阅读量6.2k 收藏
点赞数 2
分类专栏： vue uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wwppp987/article/details/113814041
版权
vue 同时被 2 个专栏收录
59 篇文章 0 订阅
订阅专栏
uniapp
47 篇文章 0 订阅
订阅专栏
本文介绍了如何在uni-app中移除URL后面的#号。首先，在manifest.json的h5配置中选择history路由模式。此外，如果使用了uni-simple-router插件，需在common/router/index.js的第9行确认mode属性已设置为'history'。参照https://hhyang.cn/src/router/start/quickstart.html进行操作。
摘要由CSDN通过智能技术生成

uni-app去掉url后面的#号

第一步

找到 manifest.json 文件，选择里面的 h5配置，路由模式选择 history

在这里插入图片描述

jeecg-uniapp中也有此问题，除了第一步要做之外。

第二步 由于安装了 uni-simple-router这个插件，所以

在common/router/index.js当中，找到第9行，确认一下属性：
mode:'history',

在这里插入图片描述
https://hhyang.cn/src/router/start/quickstart.html

三个人工作室
关注
专栏目录
[记录]uni-app开发H5时,去除链接上的#号
Helen_T的博客
12-02 3869
uniapp去掉访问路径#
Uniapp发布为H5版本时如何隐藏访问路径的#符号
ShopWind的博客
07-21 4531
uniapp开发移动端APP、小程序已经非常流行。有时候我们需要通过uniapp打包生成H5/wap版本让H5功能能同步APP小程序的功能，而不是重新写一个端的功能模块代码。但是发现在开发H5版本中，我们的页面访问路径都会带上一个“#”号，例如：https://h5.shopwind.net/#/pages/index/index , 这个不仅影响美观，还会在某些场合被过滤到“#”号导致路由错误，比如我们在做H5端的微信公众号登录的时候，返回地址带有“#”号就会被自动过滤掉，导致无法回调到正确页面，解决办法
如何在uniapp中使用vue-router
最新发布
墨离的博客
08-04 428
使用this.$Router.push({ name: 'login'})的情况下会对H5端的url进行重写并进行覆盖。使用this.$Router.push({ name: 'login'})跳转后为。如果没有该文件的话，需要手动到根目录进行创建。
uniapp 路由不要显示#
weixin_44195615的博客
09-06 4610
另外，切换到history模式后，你需要确保在打包或部署应用时，服务器能正确地处理路由请求，以避免404错误。具体的配置方式取决于你使用的服务器和后端框架。请注意，使用history模式需要后端服务器的支持。你需要在服务器上进行相应的配置，以确保在刷新页面或直接访问路由时能正确地返回对应的页面。方法来管理路由，而不再使用hash模式。在Uniapp中，路由默认使用的是hash模式，即在URL中添加。切换到history模式后，Uniapp将使用HTML5的。，可以切换为使用history模式。
uniapp开发的h5网页如何去掉网址里的#号
hyswl666的博客
08-05 4223
在manifest.json里配置history模式，这里特别注意下面的 运行的基础路径 里不要写./因为这个默认会强制hash模式。history模式下配置Apache。history模式下配置nginx。然后再服务器端配置下规则。
uni-app去掉链接后面的#号
ylp的博客
08-07 1万+
找到 manifest.json 文件，选择里面的 h5配置，路由模式选择 history
Uniapp发布H5版本时请求路径如何隐藏#符号
LordForce的博客
09-02 1520
uniapp开发的h5网页如何去掉网址里的#符号|uniapp访问路径#符号怎么去掉
uniapp H5应用部署到IIS链接地址去掉#
fcuwqvcgri的专栏
12-31 3410
由于调用微信授权接口，发布出来的链接带有#，导致失败，以下是windows下iis部署的笔记： 1、修改路由模式为history 项目目录下manifest.json=》h5配置=》路由模式=》history 2、配置iis 首先需要安装IIS UrlRewriteurl重写 把发布后代码放到服务器，在网站根目录中创建一个web.config文件 <?xml version="1.0" encoding="UTF-8"?> <...
uniapp发布为H5隐藏访问路径的#符号
记录本人工作中遇到的问题、经验总结以及分享。
03-03 3504
1、本地项目中要含有template.h5.html文件。 2、打开manifest.json，选择h5配置，按照图中填写，保存。 打包上传服务器后，会发现打开【已经去掉了了“#”号】的访问链接，且能正常访问，但是当我们刷新页面后，却报了“404”错误， 要解决上面这个问题，你需要了解下面的内容： 1）hash ——即地址栏URL中的#符号。 hash 虽然出现URL中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。 2）history ——利用了HTML5 H
uni-simple-router实现简单的路由守卫
04-21
uni-simple-router是专为uni-app设计的一个轻量级路由管理插件，它提供了一些强大的特性，包括路由守卫，使我们能够更好地控制应用程序的导航流程。 首先，我们需要了解路由守卫的基本概念。在Web开发中，路由守卫...
uni-router-interceptor:适用于uni-app的简单路由器拦截器
05-25
a simple router interceptor for uni-app uni-router-interceptor 是一个基于uni-app框架的纯路由拦截插件 由于自己的项目需要一个类似 vue-router 的路由拦截功能，本人考察了 uni 插件市场的大部分这一类的插件，...
uni-simple-router案例
03-27
uni-simple-router案例
uni-simple-router在uni-app项目中的使用
Gao_Chuanhui的博客
06-01 1256
需求： 项目要求在从细节页面退回到列表页面的时候，如果细节页面的数据进行了手动的修改，推出前需要提示“有数据进行了修改，是否先保存”之类的
uni-simple-router v3 路由、拦截、最优雅的解决方案重磅来袭
qq_37919080的博客
07-11 1478
uni-simple-router-v3 是一款适用于 Vue 3、Vite 和 uni-app 的路由管理器插件，它为您的应用提供了强大的路由功能和灵活的路由配置选项。特点：1.跨平台支持 2.基于 Vue 3 和 Vite 3. 动态路由配置 4. 嵌套路由和页面结构 5.路由守卫和导航控制 6. 视图过渡和用户体验
uniapp 设置ios safri浏览器 添加到主屏幕 自定义图片及名称
gaoqiang1112的博客
09-09 1619
废话不多说 直接上代码 1 正常uni项目 是没有基础html页面的 所以我们需要 使用h5的 template.html进行处理 官方是给大家用来添加 百度统计等第三方插件使用的 文档地址https://uniapp.dcloud.io/collocation/manifest?id=h5-template 2 以下是从 uni例子中 粘贴出来的 <!DOCTYPE html> <html lang="zh-CN"> <head> <me...
uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏？三种解决办法
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
06-15 1万+
【代码】uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏？
uni-app基础(一)
qq_46199553的博客
12-19 926
创建项目并运行在浏览器上的效果 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。 注意：如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具，需要开发者手动启动，然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面，在HBuilderX里面开发，在微信开
uniApp去掉默认的title
qq_39598092的博客
11-04 4062
uni-App怎样去掉App端的原生标题
09-03 5900
如果在App端不去掉原生标题，当滑动页面的时候，看这就很不舒服。 以2张图片来看下效果 有原生标题的页面 再来看看 没有原生标题的 要实现这样的效果很简单只要在 pages.json 里面做如下设置 ...
uni-simple-router router-view
09-26
uni-simple-router是一个基于vue-router的路由插件，用于在uni-app中实现路由管理。在uni-simple-router中，router-view是一个必需的组件，用于渲染路由对应的组件。 uni-simple-router的使用步骤如下： 1. 在router目录下的index.js中引入需要的模块，并初始化路由对象。 2. 可以为h5平台进行一些配置，例如是否完全使用vue-router开发、是否使用uni的配置文件等。 3. 在全局路由前置守卫(beforeEach)中可以添加一些逻辑，在每次路由跳转前执行。 4. 在全局路由后置守卫(afterEach)中可以添加一些逻辑，在每次路由跳转后执行。 注意事项： 1. 在router1.vue中，router-view是不可去掉的，它用于渲染对应的路由组件。 2. 需要在vue.config.js中进行相应的配置。 3. 另外还有一些其他目录文件需要进行相应的操作。 请问还有其他问题吗？
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值