vue中http://localhost:8080/#/index去掉#

最新推荐文章于 2024-07-28 16:46:37 发布
原创 最新推荐文章于 2024-07-28 16:46:37 发布 · 4.1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍如何在Vue项目中使用history模式替代默认的hash模式，通过在router/index.js中设置mode:'history'，实现URL中去除'#'号，提供更友好的用户体验。

vue中http://localhost:8080/#/index去掉#

只需要在 router / index.js 中，添加mode:'history'即可。
如图所示：
去掉地址栏的#号
详解：
vue中localhost:8080地址栏的显示有两种模式：
第一种是hash(默认)，即mode:'hash'，该模式地址栏会默认有#号。
第二种是history，即mode:'history'，该模式直接用url。

编程: 去除网页中的index.html
2301_79326588的博客
10-06 865
在网页开发中，"index.html"通常被用作默认的起始页面。在本篇文章中，我将向你展示如何在编程中去除网页中的index.html，并提供相应的源代码。首先，我们需要创建一个新的HTML文件，作为替代的起始页面。通过以上步骤，你可以成功地去除网页中的index.html，并使用自定义的起始页面。记得根据你的实际情况进行配置和调整，以满足你的需求。完成后，访问你的网站应该会显示新的起始页面"home.html"，而不是"index.html"。如果你使用的是其他服务器软件，你需要参考相应的文档进行配置。
VUE : vue-cli中去掉路由中的井号#操作
01-19
vue-cli项目中，如果想去掉url地址栏中的“#”我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 只需要在路由表中，加入一行代码即可。 补充知识：...
webpack-dev-server启动后，localhost:8080返回index.html的原理
cnmik42448的专栏
10-21 1148
webpack-dev-server是一个采用Node.js Express实现的微型服务器, 内部使用webpack-dev-middleware来响应发送到服务器监听单口的HTTP请求。 webpack-dev...
localhost:8080/#/ 去掉地址后面的#号
weixin_30657999的博客
03-09 3534
vue: localhost:8080/#/ 默认会有#，实际上是路由的哈希。 有两种模式，一种是history，直接用url地址，第二种就是hash，默认用的是hash 修改方法： 在index.jsp中：指定路由的模式，指定模式为history （默认的mode:hash） 转载于:https://www.cnblogs.com/wy513...
本地访问地址localhost:8080/console/index
weixin_42220130的博客
12-13 6066
localhost:8080/console/index
基于maven的web项目在Eclipse中使用Tomcat调试
Y1986810913的专栏
11-11 1152
以前开发用过jetty来调试maven项目，不过那时也有点浑浑噩噩的，就是使用而已，业余时间都奉献给了游戏。最近在鼓捣maven，就记录一下最近搭建Eclipse中使用Tomcat调试maven项目的过程，以后忘记或者中间有什么问题时可以查到。 废话不多说，下面开始搭建：   1. 安装Maven(配置Maven环境变量+Eclipse中的Maven插件) 这步就不多说了，网上一搜一大...
uniapp运行路径http://localhost:8080/#/pages/index/index会自动加上pages/index/怎么解决
11-23
当你看到`http://localhost:8080/#/pages/index/index`这种形式，它表示浏览器会先加载根路径`http://localhost:8080`，然后尝试在当前页的基础上添加`pages/index/index`这部分。 如果你不希望每次路径都带上完整...
uniapp运行到浏览器访问地址老是带文件路径http://localhost:8080/#/pages/index/thali怎么解决
11-30
uniApp打包后的应用部署到本地服务器时，如果访问地址带有时序相关的路径，比如`http://localhost:8080/#/pages/index/thali`，这通常是由于未正确配置默认页面或者端口映射的问题。 解决这个问题可以按照以下步骤...
vue开发https://collector.ucfitness.club/debugTool/index.html#/ 页面访问 https://www.ucfitness.club:443 接口
最新发布
11-20
以下是针对 Vue 开发中跨域问题的完整解决方案，特别针对您的场景：在 `https://collector.ucfitness.club/debugTool/index.html#/` 访问 `https://www.ucfitness.club:443` 接口。 --- ### Vue 项目跨域解决方案 ...
从http://localhost:9530/plan/fmea/person/product-manage?timestamp=1753427968072直接跳转http://localhost:9530/base/async-task，VUE怎么实现
07-26
在 Vue 中实现从一个 URL 直接跳转到另一个 URL 的页面跳转功能，可以通过 `vue-router` 提供的编程式导航方法或者原生的 `window.location` 方法来完成。根据目标 URL 是否属于当前 Vue 应用的路由范围，可以选择...
Vue去掉路由中的#问题(index.js)
m0_52555753的博客
04-24 435
上述实我修改之后的代码，注意修改两个地方。
点击进入http://localhost:8080/后跳到http://localhost:8080/#/这是什么原因？
qq_55018264的博客
07-28 1786
在 Vue Router 中，默认情况下使用的是“哈希模式”（hash mode），这就是你看到的 # 的原因。哈希模式使用 URL 的哈希部分 (# 后的部分) 来模拟一个完整的 URL，这样可以让你的单页面应用（SPA）在没有重新加载页面的情况下导航。
http://localhost:8080/被拒绝访问
yuboyao1012的博客
12-07 1万+
④在Path中添加 %TOMCAT_HOME%;（注意：如果前面有别的路径，需要先加;③在环境变量中新建TOMCAT_HOME的环境变量（变量值是所下载文件在解压之后的位置）。②在环境变量中新建JAVA_HOME的环境变量。（题主之前就已经建立过）错误原因：没有配置环境变量。
Mac版IntelliJ IDEA输入地址：http://localhost:8080/index.jsp报错404
gh_void的博客
05-31 2346
在浏览器中直接输入地址：http://localhost:8080/index.jsp 启动index.jsp，报错信息如下： 但是如果直接在idea，选中index.jsp，右击run，没有问题 对比一下打开的浏览器地址： 最后发现问题在这里： 这个地址你可以根据自己的习惯去修改 ...
去掉Vue项目启动默认url地址里的#符号
此人很懒，什么都没有写
03-22 4527
问题描述 Vue项目启动的时候浏览器访问地址为http://localhost:8080/#/，想去掉路由地址里面的#符号 解决方法 在new VueRouter里面加上mode: "history"，有两种写法 写法一 const router = new VueRouter({ mode: "history", routes, }); 写法二 当浏览器输入不存在的路由地址时你可以做个重定向，重定向到你想展示给用户的页面，此处就设置如果URL输入错误或者是URL 匹配不到任何静态资源，
本地无法直接访问localhost：8080跳转到欢迎页index.html页面；报错javax.servlet.http.HttpServletRequest.getHttpServlet...
wang__Ray的博客
06-01 5578
问题起因：本地无法直接访问localhost：8080跳转到欢迎页index.html页面。 最后我发现我的问题其实是我不能在controller层用forward进行请求转发，但是redirect重定向功能却可以用。 代码解释也就是 return "forward:/XXX.html" //访问该接口报错 return "redirect:/XXX.html" //接口正常跳转 下面记录解决过程，希望对你能有帮助。 一：项目创建的流程。 这个springboot的版本是2.3.0，我也曾试过2.2
http://localhost:8080/ 无法访问
热门推荐
qq_37744689的博客
10-25 4万+
当http://localhost:8080/ 无法访问，出现以下情况时 解决方案： 打开【控制面板】——【系统和安全】——【Windows防火墙】 点击【打开或关闭Windows防火墙】然后选择【关闭Windows防火墙】 就可以正常访问了 ...
去掉 URL 中的 index.php
@风之谷
11-03 890
去掉 URL 中的 index.php ThinkPHP 作为 PHP 框架，是单一入口的，那么其原始的 URL 便不是那么友好。但 ThinkPHP 提供了各种机制来 定制需要的 URL 格式，配合 Apache .htaccess 文件，更是可以定制出人性化的更利于 SEO 的 URL 地址来。.htaccess文件是 Apache 服务器中的一个配置文件，它负责相关目录下的网页配置。我们可以利
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值