首页 > 其他分享 >Vue Hash模式和History模式

Vue Hash模式和History模式

时间:2022-10-08 14:23:08浏览次数:48  
标签:Vue Hash url 模式 user 服务器 localhost

首先,这两个模式都是在单页前端应用下的概念

Hash模式的url后面会有一个“#”号(这个看起来会有点奇怪)。当改变#后面的部分是不会去请求后端的,仅在前端进行切换,所以在对一个Hash模式的url进行刷新时,不会报404,而是跳转到#前的url上。

比如:当前网址为localhost#user,在浏览器刷新,那么就会向服务器访问localhost

History模式没有“#”号,就是正常的url。当进行浏览器刷新时,会导致向服务器直接访问路由所代表的url。比如:当前网址为localhost/user,在浏览器刷新,那么就会向服务器访问localhost/user,

而localhost/user在服务器上没有相对应的资源,那么就会出现404了,这个时候就需要在服务器上进行相对应的配置(可以配置localhost/** 跳转到 localhost)

标签:Vue,Hash,url,模式,user,服务器,localhost
From: https://www.cnblogs.com/jqws/p/16768720.html

相关文章

  • Java设计模式 —— 桥接模式
    8桥接模式8.1桥接模式概述BridgePattern:将抽象部分与它的实现部分解耦,使得两者都能够独立变化。桥接模式是一种很实用的结构型模式,如果系统中某个类存在两个独......
  • vue2双向绑定原理:深入响应式原理defineProperty、watcher、get、set
    响应式是什么?Vue最独特的特性之一~就是我们在页面开发时,修改data值的时候,数据、视图页面需要变化的地方变化。主要使用到哪些方法?用 Object.defineProperty给watcher对......
  • 设计模式-命令模式
    给其他模块下达命令,好,这个命令模式啊,就是说是,也不说它的一个场景了,先讲它的这个模式它实现的,这么一个,整个模式实现的方式,这个模式的代码结构大概是怎么样的,然后我再讲一下......
  • Vue中常用的几种传值方式
    Vue中常用的几种传值方式 1.父传子父传子的实现方式就是通过props属性,子组件通过props属性接收从父组件传过来的值,而父组件传值的时候使用v-bind将子组件中预留的......
  • 浅谈前端常用设计模式之一:策略模式
    前言2022年,前端技术依旧日新月异,各种新兴技术或业务解决方案层出不穷。但我始终认为,在变与不变之间,唯有经典永恒,设计模式就是经典之一。在笔者从业期间,见过很多不同人写......
  • vue-cli脚手架的安装
    vue-cli提供一个官方命令行工具,可用于快速搭建大型单页应用。现如今,随着vue.js越来越火爆,更多的项目都用到vue进行开发,在实际的开发项目中,如何搭建开发脚手架呢,今天我分享......
  • 移动端 element + vue 二次封装上传图片的组件
    功能:支持预览、长按图片保存、删除项目中使用:1<el-form-itemlabel="上传照片"class="ml30">2<e-upload-image3v-model="image"4......
  • 狂神说学习笔记:Vue
    Vue1、概述Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用......
  • Vue全局公共服务类mixin
    首先,简单介绍下mixin:Mixin是面向对象程序设计语言中的类,提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类Mixin类通常作为功能模块使用,在需要......
  • 加解密模式之CBC模式和ECB模式解读
    1.CBC模式CBC模式的全称:CipherBlockChaining模式(密文分组链接模式),之所以叫这个名字,是因为密文分组像链条一样互相连接在一起。在CBC模式中,首先将明文分组和一个密文......