当前位置： 首页 > news >正文

从单页面应用角度去解决不跳转页面，也能更改浏览器url地址

news 文章来源：https://blog.csdn.net/weixin_44233892/article/details/132837995 2024/10/30 23:13:46

正常来说不刷新页面，也能更改浏览器url地址的方法有很多，我们在网上搜的话可以看到有pushState、replaceState、popstate等方法，那还有没有其他方法呢？
答案是有的！
最近做一个vue商城项目的时候，用户点击支付时，用户可复制当前链接（加上登录态），粘贴到第三方浏览器之后，完成整个支付闭环。话不多说，直接贴代码：

let url = window.location.href;let index = url.indexOf("?");if (index != -1) {window.location.href = url.substring(0, index);}window.location.href += `?_t=${_state.user.token}`;

有些人看到上面的代码，会有些疑问， window.location.href不是会使页面跳转了吗？当初我也是这么认为，后面我在网上搜了，才知道这个原因：
在这里插入图片描述
在这里插入图片描述

以上意思是，总体的意思就是假如浏览器url后面带有#, 使用window.location.href, 是无法跳转的，这个刚好是vue的单页面应用的一个特性！，所以利用这个特性，就可以实现不刷新页面，也能更改浏览器url地址

相关文章：

从单页面应用角度去解决不跳转页面，也能更改浏览器url地址

正常来说不刷新页面，也能更改浏览器url地址的方法有很多，我们在网上搜的话可以看到有pushState、replaceState、popstate等方法，那还有没有其他方法呢？ 答案是有的！ 最近做一个vue商城项目的时候，用户点击支…...

编程日记 2023/9/12 20:55:13

Linux：keepalived + ipvsadm

介绍 Linux：keepalived 双热备份（基础备份web）_鲍海超-GNUBHCkalitarro的博客-CSDN博客https://blog.csdn.net/w14768855/article/details/132815057?spm1001.2014.3001.5501 环境 一台 centos7 keepalived ipvsadm （主…...

编程日记 2023/9/12 20:53:11

Linux基础命令（示例代码 + 解释）

查看目录下文件 ls [-a -l -h] [路径] -a（全部） -l（细节） -h（大小） ls ls / ls -a ls -l ls -h ls -alh ls -l -h -a ls -lah /切换目录 cd [路径] change di…...

编程日记 2023/9/12 20:51:09

巨人互动|Google企业户Google“自动采纳建议”应该如何使用

在数字化时代，Google已经成为了人们获取信息的主要渠道之一。而在使用Google搜索时，你可能会发现下拉框中自动提供的搜索建议。这些搜索建议是基于用户搜索行为和相关数据进行推测，旨在使用户更快速地找到所需信息。而Google还提供了一项名为…...

编程日记 2023/9/12 20:48:07

元宇宙全球市场规模到2030年将达9805亿美元！

元宇宙是一种新兴的概念，它指的是一个虚拟的世界，由人工智能、虚拟现实、区块链等技术构建而成。元宇宙的起源可以追溯到上世纪90年代的虚拟世界“第二人生”，但直到近年来，随着技术的不断发展，它才逐渐成为了人们关注…...

编程日记 2023/9/12 20:47:05

《向量数据库指南》——向量数据库内核面临的技术挑战及应对措施

最近一年，以 ChatGPT、LLaMA 为代表的大语言模型的兴起，将向量数据库的发展推向了新的高度。 向量数据库是一种在机器学习和人工智能领域日益流行的新型数据库，它能够帮助支持基于神经网络而不是关键字的新型搜索引擎。向量数据库不同于传统的…...

编程日记 2023/9/12 20:46:04

API对接中需要注意的事项

API对接是一个复杂的过程，需要对接双方准确地理解和遵循一系列步骤。以下是一些在API对接中需要注意的事项，以及每个步骤的详细解释和可能遇到的问题。 一、API定义和规划 明确API需求：在开始对接前，必须明确API的具体需求和使用场…...

编程日记 2023/9/12 20:45:04

linux 6中4T磁盘识别并分区格式化

存储端划分4T的LUN后，主机端操作如下 1、主机识别，本例中hba卡的端口是host11和host12 [rootdb1 ~]# echo "- - -" > /sys/class/scsi_host/host11/scan [rootdb1 ~]# echo "- - -" > /sys/class/scsi_host/host12/scan …...

编程日记 2023/9/12 20:44:02

WebServer 解析HTTP 响应报文

一、基础API部分&#xff0c;介绍stat、mmap、iovec、writev、va_list 1.1 stat​ 作用&#xff1a;获取文件信息 #include <sys/types.h> #include <sys/stat.h> #include <unistd.h>// 获取文件属性&#xff0c;存储在statbuf中 int stat(const char *…...

编程日记 2023/9/12 20:38:58

开利网络参与“大湾区独角兽创投大赛”进行蚓链数字生态项目路演

9月10日&#xff0c;广州市开利网络科技有限公司受邀参与位于广州国际医药港的“大湾区独角兽创投大赛”&#xff0c;进行“蚓链——企业数字化生态”项目的初赛路演。“大湾区独角兽创投大赛”是由中国企业新闻观察网指导&#xff0c;由中国商协会服务工作委员会、广东蚁米孵化…...

编程日记 2023/9/12 20:33:54

前端的8种跨域解决方案

在前端开发中&#xff0c;常见的跨域解决方案有以下8种&#xff1a; JSONP&#xff08;JSON with Padding&#xff09;&#xff1a;利用<script>标签的跨域特性&#xff0c;通过动态创建<script>标签&#xff0c;请求一个带有回调函数的接口&#xff0c;服务器返回…...

编程日记 2023/9/12 20:31:52

Linux知识点 -- 网络编程套接字

Linux知识点 – 网络编程套接字 文章目录 Linux知识点 -- 网络编程套接字一、预备知识1.认识端口号2.套接字3.TCP协议与UDP协议4.网络字节序 二、socket编程接口1.socket常见API2.sockaddr结构 三、UDP套接字编程1.直接打印客户端信息2.执行客户端发来的指令3.多用户聊天4.在wi…...

编程日记 2023/9/12 20:30:51

逆向大漠插件/用VB6.0实现后台鼠标移动和后台鼠标左键点击

自动化设计软件&#xff0c;在一款做门的设计软件CypCut6.3 上实现了自动化勾选了 复选框。一切都是基于后台的。 Private Const GW_CHILD 5 Private Const GW_HWNDFIRST 0 Private Const GW_HWNDNEXT 2 Public Declare Function FindWindow Lib "user32" Alias &…...

编程日记 2023/9/12 20:27:49

重庆OV证书和EV证书有什么区别

SSL数字证书按照保护的域名数量和类型可以分为单域名SSL证书、多域名SSL证书和通配符SSL证书三种&#xff0c;按照验证方式可以将SSL数字证书分为DV基础型SSL证书、OV企业型SSL证书和EV增强型SSL证书三种。今天就随SSL盾小编了解OV证书和EV证书的区别。 1.OV企业型SSL证书由CA…...

编程日记 2023/9/12 20:26:48

uni-app(微信小程序)图片旋转放缩，文字绘制、海报绘制

总结一下&#xff1a; 要进行海报绘制离不开canvas&#xff0c;我们是先进行图片&#xff0c;文字的拖拽、旋转等操作 最后再对canvas进行绘制&#xff0c;完成海报绘制。 背景区域设置为 position: relative&#xff0c;方便图片在当前区域中拖动等处理。添加图片&#xff0…...

编程日记 2023/9/12 20:24:46

Spring Boot 2.x基础教程

Spring Boot 2.x基础教程 一、简介1. Spring Boot 2.x 简介2. Spring Boot 2.x 特点3. Spring Boot 2.x 与 Spring Framework 的关系 二、Spring Boot 2.x 环境搭建1. JDK环境安装与配置2. Maven环境安装与配置3. Spring Boot 2.x 项目创建 三、核心功能1. 配置文件及其加载顺序…...

编程日记 2023/9/12 20:22:44

汽车红外夜视系统行业发展总体概况

汽车红外夜视系统是一种技术&#xff0c;旨在帮助驾驶员在夜间或低光条件下提供更好的视觉能力。它利用红外光谱的特性来检测和显示在正常光线下难以察觉的热能辐射。这使驾驶员能够在夜间或恶劣天气条件下更好地识别和辨别道路上的物体、行人、动物或其他车辆。 汽车红外夜视…...

编程日记 2023/9/12 20:21:43

Java 和 PHP GC 的差异和差异出现的原因

JAVA 的 GC 处理 判断草死掉的两种方式&#xff1a;引用计数和可达性分析 可达性分析对 JAVA 比较好用的原因是 JAVA遵守这面向对象的严格要求&#xff0c;每个变量都被对象包裹&#xff0c;所以每个变量都能通过对象来进行遍历找到&#xff0c;最终判断他们的是否被引用&…...

编程日记 2023/9/12 20:19:42

loguru logger使用

一、基本使用 ①标准使用 from loguru import logger# 在标准输出里面输出一行debug日志 logger.debug("Thats dubug")②设置输出格式 from loguru import loggerlogger.remove(0) # 先删除格式 logger.add(sink./logger.log, format"{time: %Y-%m-%d %H:%M…...

编程日记 2023/9/12 20:18:40

vue-自适应布局-postcss-pxtorem

原理&#xff1a; 比如一个375px设计稿 其中一个320px宽度的元素 如何实现自适应布局呢&#xff1f; 其实可以这样理解&#xff1a; 我们先计算出375屏幕时候320px的大小&#xff0c;在屏幕变化时候&#xff0c;这些元素都会等比例缩放 比如屏幕从375 变为750px时候&#xff0…...

编程日记 2023/9/12 20:14:37

9.12|day 5|day 44 |完全背包| 518. 零钱兑换 II | 377. 组合总和 Ⅳ

● 完全背包 主要是看清01背包和完全背包的区别 //01背包 for(int i 0;i<weight.size();i){ for(int j bagWeight;j>weight[i];j--){dp[j] Math.max(dp[j],dp[j-weight[i]]value[i]); } } //完全背包 for(int i 0;i<weight.size();i){for(int j weight[i];j<…...

编程日记 2023/9/12 20:12:35

C++ 中的原子变量（std::atomic）使用指南

目录 C 中的原子变量&#xff08;std::atomic&#xff09;使用指南基本概念使用方法创建原子变量读取值修改值原子操作 常见应用场景1. 计数器2. 控制标志3. 链表和数据结构 示例代码结论 C 中的原子变量&#xff08;std::atomic&#xff09;使用指南 原子变量&#xff08;std…...

编程日记 2023/9/12 20:10:33

【用unity实现100个游戏之9】使用Unity制作类八方旅人、饥荒风格的俯视角2.5D游戏

前言 2.5D游戏 是一种介于二维和三维之间的游戏形式。它通常在二维平面上展示游戏内容&#xff0c;但利用三维技术来实现更加逼真的图像效果。 在2.5D游戏中&#xff0c;角色和环境通常是以平面的形式呈现&#xff0c;但可以在垂直方向上移动。这意味着玩家可以在一个相对较薄…...

编程日记 2023/9/12 20:09:32

如何在群晖中，正确配置 docker 的 ipv6 地址

参考 2023年9月12日 https://synocommunity.com/ https://github.com/wangliangliang2/fix_synology_docker_ipv6 https://post.smzdm.com/p/an3np8m7/ 正文 关于这个话题&#xff0c;国内搜索引擎得到的结果出奇的一致&#xff0c;且过时。 &#xff08;看的我脑壳痛&#…...

编程日记 2023/9/12 20:08:31

XSS入门 XSS Challenges

level1(直接注入) <script>alert(xss)</script>level2(双引号闭合标签) 测试 <sCr<ScRiPt>IPT>OonN"\/(hrHRefEF)</sCr</ScRiPt>IPT>发现<>"被转换&#xff0c;构造新的语句 "><script>alert(/xss/)</…...

编程日记 2023/9/12 20:06:29

李沐《动手学深度学习》torch.cat() 和 torch.stack()的区别及思考

一、问题引出 好久没更新啦&#xff01;最近在学习沐神《动手学深度学习》6.5节池化层的时候&#xff0c;发现沐神在两处相似的地方使用了两种Python拼接函数torch.cat()和torch.stack()&#xff1a; 百思不得其解&#xff0c;于是查阅相关文档之后终于弄清楚了两者之间的区别…...

编程日记 2023/9/12 20:03:26

【算法与数据结构】235、LeetCode二叉搜索树的最近公共祖先

文章目录 一、题目二、解法三、完整代码 所有的LeetCode题解索引&#xff0c;可以看这篇文章——【算法和数据结构】LeetCode题解。 一、题目 二、解法 思路分析&#xff1a;本题和这道题类似【算法与数据结构】236、LeetCode二叉树的最近公共祖先&#xff0c;相同的算法也能解…...

编程日记 2023/9/12 20:02:24

bboss 流批一体化框架 与 数据采集 ETL

数据采集 ETL 与 流批一体化框架 特性&#xff1a; 高效、稳定、快速、安全 bboss 是一个基于开源协议 Apache License 发布的开源项目&#xff0c;主要由以下三部分构成&#xff1a; Elasticsearch Highlevel Java Restclient &#xff0c; 一个高性能高兼容性的Elasticsea…...

编程日记 2023/9/12 19:58:20

JVM详细教程

JVM 前言 还在完善中先发布 JVM虚拟机厂家多钟多样&#xff0c;具体实现细节可能不一样&#xff0c;这里主要讲的是虚拟机的规范&#xff0c;以下内容融合了各个平台发布的内容和周志明老师的《深入理解java虚拟机》 JVM概述 如何理解jvm跨平台&#xff1f; 编译成汇编代码…...

编程日记 2023/9/12 19:57:19

Smartbi吴华夫：后疫情时代，BI发展趋势的观察与应对

沿着旧地图找不到新大陆&#xff0c;“基于指标体系的可视化分析和增强分析”成为BI发展新阶段。Smartbi V11系列新品与时俱进&#xff0c;以指标为核心&#xff0c;同时融合BI应用&#xff0c;赋能管理者和业务&#xff0c;成为引领数字化运营的新航标&#xff01; ——思迈特…...

编程日记 2023/9/12 19:52:14

做网页收款网站/百度网页版电脑版

详情可参考 : http://www.jianshu.com/p/e28f3c79ba1d 转载于:https://www.cnblogs.com/ianhao/p/4540324.html...

编程日记 2024/10/30 21:13:41

中国最大免费h5游戏源码网站/百度云盘登录入口

因为Mac系统是基于UNIX系统的&#xff0c;因此可以在“终端”中输入一些UNIX指令来操作Mac系统。比如&#xff1a;新建文件\文件夹、打开文件\文件夹 常用的UNIX指令&#xff1a;(需要经常使用才不容易忘记) ls –l列出当前目录下的所有内容&#xff08;文件\文件夹&#xff09…...

编程日记 2024/10/30 21:00:34

做个视频网站/推广链接点击器网页

Description 物流公司要把一批货物从码头A运到码头B。由于货物量比较大&#xff0c;需要n天才能运完。货物运输过程中一般要转停好几个码头。物流公司通常会设计一条固定的运输路线&#xff0c;以便对整个运输过程实施严格的管理和跟踪。由于各种因素的存在&#xff0c;有的时候…...

编程日记 2024/10/30 19:42:37

工信部网站备案查询系统/学网络运营需要多少钱

time简介 time命令 用于 打印出一条命令或一个程序的执行时间 time 命令以秒为单位将一条命令执行期间所用的时间、系统时间和 time 命令的执行时间打印在标准错误中。 用法&#xff1a;time [ -p ] Command [ Argument ... ] 举例&#xff1a;想知道 列举home文件夹这一命令 花…...

编程日记 2024/10/30 19:22:27

苏州网站建设信息网络/代运营公司靠谱吗

2020年才刚开始&#xff0c;就被各位网友称之为末日之年。“如果能穿越&#xff0c;我想重启2020” 想必是大家本年度最大心愿。那么穿越是否真的存在&#xff1f;是否有实现穿越的可能呢&#xff1f;爱因斯坦说了&#xff0c;当年的研究狭义相对论&#xff0c;认为只要比光跑得…...

编程日记 2024/10/30 16:49:11

seo管理系统易语言/应用宝aso优化

2019独角兽企业重金招聘Python工程师标准>>> Apache服务器80端口被占用——解决方法 80端口被占用解决办法有两种&#xff1a; 1.关闭占用80端口的程序&#xff0c;这时Apache服务器会正常启动&#xff1b; 2.修改Apache的端口&#xff0c;比如改为8081&#xff1b;…...

编程日记 2024/10/30 14:46:59