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

最新推荐文章于 2024-07-28 16:46:37 发布
最新推荐文章于 2024-07-28 16:46:37 发布
阅读量4k 收藏 3
点赞数 2
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiongmi_Lin/article/details/106009734
版权

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 784
在网页开发中，"index.html"通常被用作默认的起始页面。在本篇文章中，我将向你展示如何在编程中去除网页中的index.html，并提供相应的源代码。首先，我们需要创建一个新的HTML文件，作为替代的起始页面。通过以上步骤，你可以成功地去除网页中的index.html，并使用自定义的起始页面。记得根据你的实际情况进行配置和调整，以满足你的需求。完成后，访问你的网站应该会显示新的起始页面"home.html"，而不是"index.html"。如果你使用的是其他服务器软件，你需要参考相应的文档进行配置。
Mixed Content: The page at https://xxx was loaded over HTTPS
最新发布
小秀的博客
04-04 961
Mixed Content 警告是由于 HTTPS 页面中引用了 HTTP 协议的资源（如脚本、图片、iframe 等），导致浏览器因安全策略阻止加载这些非加密内容。HTTP 资源可能被中间人攻击篡改，破坏 HTTPS 页面的整体安全性。若 HTTPS 由代理服务器（如 Nginx、F5）终止，需传递。检查代码中所有静态资源（如图片、CSS、JS）的 URL，将。：优先将自有资源升级到 HTTPS，避免混合内容风险。，后端服务据此生成资源链接。限制资源加载范围（如。：确保反向代理正确传递。
点击进入http://localhost:8080/后跳到http://localhost:8080/#/这是什么原因？
qq_55018264的博客
07-28 1199
在 Vue Router 中，默认情况下使用的是“哈希模式”（hash mode），这就是你看到的 # 的原因。哈希模式使用 URL 的哈希部分 (# 后的部分) 来模拟一个完整的 URL，这样可以让你的单页面应用（SPA）在没有重新加载页面的情况下导航。
webpack-dev-server启动后，localhost:8080返回index.html的原理
cnmik42448的专栏
10-21 1109
webpack-dev-server是一个采用Node.js Express实现的微型服务器, 内部使用webpack-dev-middleware来响应发送到服务器监听单口的HTTP请求。 webpack-dev...
localhost:8080/#/ 去掉地址后面的#号
weixin_30657999的博客
03-09 3438
vue: localhost:8080/#/ 默认会有#，实际上是路由的哈希。 有两种模式，一种是history，直接用url地址，第二种就是hash，默认用的是hash 修改方法： 在index.jsp中：指定路由的模式，指定模式为history （默认的mode:hash） 转载于:https://www.cnblogs.com/wy513...
基于maven的web项目在Eclipse中使用Tomcat调试
Y1986810913的专栏
11-11 1083
以前开发用过jetty来调试maven项目，不过那时也有点浑浑噩噩的，就是使用而已，业余时间都奉献给了游戏。最近在鼓捣maven，就记录一下最近搭建Eclipse中使用Tomcat调试maven项目的过程，以后忘记或者中间有什么问题时可以查到。 废话不多说，下面开始搭建：   1. 安装Maven(配置Maven环境变量+Eclipse中的Maven插件) 这步就不多说了，网上一搜一大...
Vue去掉路由中的#问题(index.js)
m0_52555753的博客
04-24 406
上述实我修改之后的代码，注意修改两个地方。
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 : vue-cli中去掉路由中的井号#操作
01-19
vue-cli项目中，如果想去掉url地址栏中的“#”我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 只需要在路由表中，加入一行代码即可。 补充知识：...
vue项目正常运行，通过chrome访问https://127.0.0.1:8081出现问题，求解答
IllHook的博客
04-02 6588
vue项目开发问题        首先说明一下情况，公司让我开发一个项目里的功能，我就用自己的电脑，连接内网，从代码库中clone下来一这部分项目。但是开发还没开始我就遇到问题，各位大佬听我仔细叙述一下我遇到的问题： 首先，我使用的开发工具是vscode，浏览器是chrome，电脑是win10系统； 接下来开始说明我的操作，我是用vscode将clone下...
Mac版IntelliJ IDEA输入地址：http://localhost:8080/index.jsp报错404
gh_void的博客
05-31 2229
在浏览器中直接输入地址：http://localhost:8080/index.jsp 启动index.jsp，报错信息如下： 但是如果直接在idea，选中index.jsp，右击run，没有问题 对比一下打开的浏览器地址： 最后发现问题在这里： 这个地址你可以根据自己的习惯去修改 ...
去掉Vue项目启动默认url地址里的#符号
此人很懒，什么都没有写
03-22 4363
问题描述 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 5152
问题起因：本地无法直接访问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防火墙】 就可以正常访问了 ...
http://localhost:8080/被拒绝访问
yuboyao1012的博客
12-07 1万+
④在Path中添加 %TOMCAT_HOME%;（注意：如果前面有别的路径，需要先加;③在环境变量中新建TOMCAT_HOME的环境变量（变量值是所下载文件在解压之后的位置）。②在环境变量中新建JAVA_HOME的环境变量。（题主之前就已经建立过）错误原因：没有配置环境变量。
去掉 URL 中的 index.php
@风之谷
11-03 859
去掉 URL 中的 index.php ThinkPHP 作为 PHP 框架，是单一入口的，那么其原始的 URL 便不是那么友好。但 ThinkPHP 提供了各种机制来 定制需要的 URL 格式，配合 Apache .htaccess 文件，更是可以定制出人性化的更利于 SEO 的 URL 地址来。.htaccess文件是 Apache 服务器中的一个配置文件，它负责相关目录下的网页配置。我们可以利
本地访问地址localhost:8080/console/index
weixin_42220130的博客
12-13 5667
localhost:8080/console/index
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值