vue-router使用

router中 hash模式和 history 的区别:

在这里插入图片描述
不同的路由,,哈希值会被修改,但是不会向服务器发送新的请求,,VueRouter会监听 url中哈希值变化去匹配组件

hash模式优点:

  • 兼容性好
  • 简单配置,不需要额外的服务器配置
  • 适用于单页面应用

缺点:

  • url不够美观
  • 不支持SSR(服务端渲染): 无法在服务器端进行路由匹配和渲染

hash模式适用于简单的应用程序,兼容性好且不需要额外的服务器配置,,
history模式适用于复杂的应用程序,提供了美观的url,需要服务器配置以支持服务端渲染


什么是服务端渲染:
SSR: server-side rendering ,是一种将网页内容在服务端生成并直接返回给客户端的技术

CSR : client-side rendering ,客户端渲染: 网页内容生成是在客户端,通常是浏览器中 进行的

比较:

  • SSR 可以更快的呈现页面内容给用户,搜索引擎也能更好的索引服务端渲染的页面
  • CSR ,客户端渲染中,初始页面由服务器返回的往往是一个简单的HTML骨架,然后在浏览器使用 javascript进一步数据获取或渲染,,这种方式导致初始加载时间较长,并且搜索引擎爬虫在获取网页内容的时候可能无法正确解析javascript生成的内容

vue-router配置404路由
在这里插入图片描述
: 冒号表示路径参数, pathMatch(.*)* 是一个特殊的占位符,表示匹配任何路径

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/252061.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

简单了解固态硬盘(SSD)

简单了解SSD SSD VS HDD机械硬盘HDD固态硬盘SSD SSD的“解剖图”——系统框架图SSD的“基石”——存储介质闪存器件闪存芯片架构三维闪存闪存存在的问题 SSD的“大脑”——FTL映射管理垃圾回收修剪Trim坏块管理掉电恢复磨损平衡 SSD的“荣誉”——参数指标 SSD VS HDD 机械硬盘…

编程示例:求排列的逆,反序表,以及从反序表计算排列

编程示例:求排列的逆,反序表,以及从反序表计算排列 计算机程序设计艺术的第三卷 第五章排序中,第5.1.1节中 提到了排列的反序,反序表,逆的概念。 首先,简单地介绍一下这两个概念。例如一个排列…

JS实现计时器/秒表功能

系统学习JS时的一个小练习 直接上代码吧&#xff0c;注释写得还算详细&#xff0c;就不赘述了&#xff0c;很简单的一个练习。 <!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8"><meta http-equiv"X-UA-C…

JavaScript 计时器

1.在JavaScript中&#xff0c;我们可以在设定的时间间隔之后来执行代码&#xff0c;而不是在函数被调用后立即执行。 2&#xff0e;计时器类型&#xff1a; &#xff08;1&#xff09;一次性计时器&#xff1a;仅在指定的延迟时间之后触发一次。 &#xff08;2&#xff09;间…

window遇到 stopcode: 0xc000021a 无法启动的问题解决

今天朋友电脑window10遇到以上问题&#xff1a;stopcode: 0xc000021a 无法自动修复和启动的问题。 解决办法如下&#xff1a; 第一步、进入dos命令行 点击其他选项&#xff08;Advanced options&#xff09; 点击工具 第二步、确定系统盘 进入dos之后 输入一下命令 回车…

vivo Y55s 评测

vivo Y55s正面配备了一块6.58英寸水滴屏&#xff0c;2408*1080分辨率&#xff0c;支持DCI-P3广色域以及防蓝光护眼模式等&#xff0c;同时vivo Y55s是Y系列首款支持夜读模式的产品&#xff0c;亮度最低可至1nit&#xff0c;暗光和夜晚使用对眼睛更舒服&#xff0c;屏幕阅读更柔…

步步高S5救砖

笔者是个学(chun)生(fei)党(wu)&#xff0c;由于被家长的限制&#xff0c;至今未有过手机&#xff0c;前几个月&#xff0c;我盯上了我的步步高S5&#xff0c;从此它承受了它这个机型不该承受的事。 自从给它刷了三方recovery&#xff0c;我总是保(zhe)养(teng)它&#xff0c;…

vivoy67android系统升级,vivo Y67刷机教程_vivo Y67升级更新官方系统包

上一节已经给大家说了咱们的vivo Y67手机的官方rom包如何下载了&#xff0c;下载下来之后要干什么呢&#xff0c;那就是进行刷机了&#xff0c;为了方便大家操作&#xff0c;所以在这里整理了一个详细的刷机教程供大家参考了&#xff0c;这个刷机教程也可以叫做升级教程&#x…

32位linux装64位rpm包,360浏览器提供rpm包(支持MIPS64)及32位deb包(兆芯)

360安全浏览器Linux版本在原来支持64位deb包的基础上推出rpm包支持龙芯_MIPS64&#xff0c;同时还推出32位deb包支持兆芯_x86。目前已经提供下载。到现在360安全浏览器不止支持Ubuntu、Deepin&#xff0c;还支持知名的国产操作系统如银河麒麟、中标麒麟。经过测试&#xff0c;大…

edge浏览器下载插件出现Download interrupted

更改hosts文件 打开hosts文件 hosts文件路径 "c:\windows\system32\drivers\etc\" 可以直接复制上述一行在winr中输入即可打开 向文件末尾行追加如下两行 131.253.33.219 edge.microsoft.com 131.253.33.219 msedgeextensions.sf.tlu.dl.delivery.mp.microsoft.…

Chrome浏览器直接下载pdf文件的设置步骤

使用Google Chrome浏览器&#xff0c;在点击网页中的pdf文件时&#xff0c;浏览器会直接将pdf文件打开并显示&#xff0c;要下载pdf文件的话&#xff0c;还需要进行另存操作。 有的时候我们点击pdf文件就是为了直接下载&#xff0c;而不是为了在浏览器中查看pdf文件。可以按以…

解决Edge浏览器下载文件文件名乱码问题

文件名中含有中文的文件下载&#xff0c;用谷歌、火狐、搜狗等浏览器都可以正常下载&#xff0c;但使用Windows自带的edge浏览器下载时文件名出现乱码问题。如下&#xff1a; 解决方案&#xff1a; 在输出头中的文件名进行urlencode编码处理。例如&#xff1a; header(Content…

微信扫一扫二维码直接打开外部浏览器下载app怎么解决

通过扫描二维码下载APP已成为一个非常方便的方式&#xff0c;微信也成为扫描二维码重要的工具&#xff0c;但是扫描后微信浏览器会对APK和appStore的链接进行屏蔽&#xff0c;导致用户无法正常下载。 提供解决方案&#xff1a;1.安卓用户点击直接跳转到默认浏览器打开&#xf…

chrome浏览器离线安装包下载地址

在谷歌官网下载的chrome浏览器&#xff0c;下载的是安装器&#xff0c;要通过联网安装&#xff0c;谷歌浏览器官网&#xff1a;https://www.google.com/intl/zh-CN/chrome/https://www.google.com/intl/zh-CN/chrome/ 最新版本的统一下载链接&#xff0c;通过以下链接下载的都是…

使用Motrix解决浏览器下载速度慢的问题

一、问题阐述&#xff1a;网速明明不慢&#xff0c;下载某些资源能跑几M/s甚至10M/s&#xff0c;但是在某些网站下载某些资源则只有几十k/s&#xff0c;与其等几个小时让他慢慢下载&#xff0c;不如使用下载器下载。 二、解决方案&#xff1a;使用下载器Motrix进行拦截下载 三…

微信链接跳转浏览器 H5实现APP下载功能实现方法

由于微信的限制&#xff0c;应用文件在内置浏览器中下载全部被屏蔽掉&#xff0c;造成很多人用微信扫描二维码下载时点击下载按钮没反应&#xff0c;我想到的是做一个提示用户在浏览器中打开下载。 可以参考&#xff1a;微信打开网址添加在浏览器中打开提示 和 微信扫描打开AP…

firefox57浏览器下载,火狐firefox 57正式版32位,64位下载,安装和使用笔记

firefox浏览器的一直存在flash问题&#xff0c; 导致口碑不好&#xff0c; 最近推出了firefix57&#xff0c; 官方说重写了底层的内容&#xff0c; 性能更好&#xff0c;速度更快&#xff0c; 于是子恒老师安装试用了firefox57版本&#xff0c; 把其中的过程记录下来。 一、 f…

Selenium+Python浏览器下载弹窗的处理

SeleniumPython浏览器下载弹窗的处理 在使用selenium实现自动化下载的时候&#xff0c;遇到一个比较头疼的问题&#xff0c;就是浏览器下载弹窗的处理。由于这个弹窗是浏览器系统自己弹出的&#xff0c;所以用selenium定位弹窗并操作的方法并不可行&#xff0c;在网上找了很多资…

火狐浏览器50Linux32位,火狐浏览器32位完整离线安装包下载

功能介绍 火狐浏览器32位完整离线安装包下载 火狐浏览器32位(firefox)是款非常优秀的网上浏览工具。火狐浏览器(firefox)是唯一一款自由的浏览器,您可以根据自己喜好,选择添加自己需要的功能,打造专属自己的个性浏览器,同时软件也是为用户提供了极快、安全的上网体验,喜欢…

火狐linux 32位,火狐浏览器32位电脑版下载,火狐浏览器官方下载最新版电脑版32位 v1.0 - 浏览器家园...

火狐浏览器32位电脑版是款非常优秀的网上浏览工具。火狐浏览器(firefox)是唯一一款自由的浏览器&#xff0c;您可以根据自己喜好&#xff0c;选择添加自己需要的功能&#xff0c;打造专属自己的个性浏览器&#xff0c;同时软件也是为用户提供了最快、最安全的上网体验&#xff…