VUE任何路径都能访问到主页面

使用路由配置登陆页面，发现不会只停留在主页面，试了试其他的页面居然不报错，找了好久。。。。。忘记添加mode:history

Vue-router 中有hash模式和history模式，vue的路由默认是hash模式，一般开发的单页应用的URL都会带有#号的hash模式，因为整个应用本身而言就只有一个HTML，其他的都是通过router来渲染。简单介绍下两种模式：

hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面。
history —— 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。（需要特定浏览器支持）这两个方法应用于浏览器的历史记录栈，在当前已有的 back、forward、go 的基础之上，它们提供了对历史记录进行修改的功能。只是当它们执行修改时，虽然改变了当前的 URL，但浏览器不会立即向后端发送请求。
因此可以说，hash 模式和 history 模式都属于浏览器自身的特性，Vue-Router 只是利用了这两个特性（通过调用浏览器提供的接口）来实现前端路由.

VUE任何路径都能访问到主页面相关推荐

jsp为什么不加虚拟路径都能访问_JavaWeb学习笔记一（环境配置/jsp基本介绍）
何为JSP 动态网页需要使用到的服务端脚本语言(JSP) BS架构 CS架构:Client Server.例如QQ 微信 CS游戏缺点:软件升级,全部软件升级/维护麻烦,需要维护每一台客户端软件/每 ...
webpack高级运用，historyApiFallback（解决history，h5路由，方式刷新页面可能会报错），output中添加publicPath（公共路径）任意找不到的路径都会去访问/等等
webpack高级应用篇: source-map: 提升开发效率与完善团队开发规范 development环境里配置devtool就可以开启webpackk-source-map(webpack中已经 ...
vue-element-admin 如何跳过登录直接访问主页面
vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现.它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务 ...
迪杰斯特拉--- 模板(求最短路径/输出路径/所有路径都可以走的做法)
迪杰斯特拉--- 模板(求最短路径/输出路径/所有路径都可以走的做法) 1.0版 #include <iostream> using namespace std;const int max ...
对路径“xxxx”的访问被拒绝
对路径"xxxx"的访问被拒绝 Asp.Net 程序配置在IIS 环境下时: Asp.Net 程序的路径为D:/wwwroot/net 而我需要操作的路径是D:/wwwroot/t ...
Vue - 路由导航守卫控制访问权限，设置 localStorage 过期时间
Vue 路由导航守卫控制访问权限,设置 localStorage 过期时间一. 路由导航守卫二. 路由导航守卫简单使用三. 使用路由导航守卫设置 token 过期时间导航守卫: https: ...
内网穿透之Http穿透（让全网都可以访问你的项目）
通过钉钉开放平台进行内网穿透内网穿透之Http穿透(让全网都可以访问你的项目) 鉴于很多开发者在临时体验开发时往往没有公网域名或者公网IP,本工具提供了一个公网代理服务,目的是方便开发测试. 网址: ...
javaWeb项目用过滤器filter实现登陆成功后才能访问主页面，否则直接输入主页面的地址自动跳转到登陆界面
想用Filter实现一个登陆验证的功能,实现登陆成功后才能访问主页面,否则直接输入主页面的地址会自动跳转到登陆界面原理很简单,每次登陆成功后,创建一个session域对象,将登陆成功的用户名保存在s ...
vue项目nginx代理图片访问请求
vue前台访问springboot项目图片,路径无法访问到图片文件,需要做下地址转换,推荐在springboot中配置虚拟路径,但是如果很多地方已经配置的磁盘路径,修改的地方比较多,可以使用nginx ...

VUE任何路径都能访问到主页面

VUE任何路径都能访问到主页面相关推荐

最新文章

热门文章