redirect angular http 302
vue-router.esm.js:2065 Uncaught (in promise) Error: Redirected when going from "/login?redirect=%2Fhome" to "/home" via a navigation guard.
原因: vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误; 真正的原因是由于返回了一个Promise对象, 正常的跳转由then方法执行 当正常的路由跳转, 被"路由导航守卫"拦截并重新指定路由时, 由于 this.$router.push() 返回的是Promise对象, 此 ......
7. 用Rust手把手编写一个wmproxy(代理，内网穿透等), HTTP及TCP内网穿透原理及运行篇
用Rust手把手编写一个wmproxy(代理，内网穿透等), HTTP及TCP内网穿透原理及运行篇 项目 ++wmproxy++ gite: https://gitee.com/tickbh/wmproxy github: https://github.com/tickbh/wmproxy 内网、公 ......
Angular 里的 Module 增强
Angular 模块增强：扩展你的数据模型 Angular 是一个强大的前端框架，但在某些情况下，我们可能需要对其内置模型进行一些自定义。这时，Angular 的模块增强（Module Augmentation）就派上了用场。在本文中，我们将深入研究 Angular 模块增强的细节，以及如何利用它来 ......
如何使用 Angular augmentation 技术增强一个 enum 类型
增强 TypeScript 和 Angular 中的 Enum 类型 在 TypeScript 和 Angular 应用中，枚举类型（Enum）是一种非常有用的工具，用于定义一组命名的常量值。然而，有时我们需要在现有的枚举类型上进行扩展或增强。这正是 Augmentation（增强）技术的用武之地。 ......
Commands and Queries 在 Angular 应用开发中的使用场合
Commands and Queries 模式：优化前端状态管理的新范式 在现代前端开发中，管理应用程序的状态是一项至关重要的任务。在大多数应用程序中，前端状态来自于后端系统的数据，同时还需要执行各种与后端相关的操作。传统的状态管理方法如Redux虽然强大，但对于处理来自API的状态数据需要大量的样 ......
fetch函数发送HTTP请求
Fetch函数是一个现代的JavaScript API，用于发送HTTP请求并处理响应。它提供了一种简单和灵活的方式来进行网络通信。以下是发送HTTP请求的基本用法： fetch(url, options) .then(response => { // 处理响应 if (!response.ok) ......
什么是 Angular 应用服务器端的预渲染技术 - prerendering
Angular 服务器端预渲染（Server Prerendering）：构建更快速、更友好的Web应用 Angular是一种强大的前端框架，用于构建现代Web应用程序。然而，随着应用规模的增长，性能问题也可能随之而来。为了提高Angular应用的性能和用户体验，开发人员可以采用各种技术和方法。其中 ......
Angular 应用里环境变量 SERVER_REQUEST_ORIGIN 的含义
SERVER_REQUEST_ORIGIN 是一个在 Angular 应用中用于管理服务器请求来源的环境变量。在本文中，我将详细介绍这个环境变量的含义、作用以及如何在 Angular 应用中使用它。首先，让我们理解一下这个环境变量的背景和重要性。 1. Angular 应用和环境变量 Angular ......
什么是 Angular 的 Active Support 版本和 Long Term Support 版本
Angular Active Support 版本和 Long Term Support 版本是Angular框架的两个关键概念，它们在Angular的版本管理和维护策略中起着重要的作用。本文将详细介绍这两种版本，并提供示例以更好地理解它们。 1. Angular版本概览 在深入讨论Active S ......
socket，tcp，http三者之间的区别和原理
socket，tcp，http三者之间的区别和原理http、TCP/IP协议与socket之间的区别下面的图表试图显示不同的TCP/IP和其他的协议在最初OSI模型中的位置：7 应用层 例如HTTP、SMTP、SNMP、FTP、Telnet、SIP、SSH、NFS、RTSP、XMPP、Whois、E ......
Http协议之libcurl实现
一、libcurl简介 libcurl是一个跨平台的网络协议库，支持http, https, ftp, gopher, telnet, dict, file, 和ldap 协议。libcurl同样支持HTTPS证书授权，HTTP POST, HTTP PUT, FTP 上传, HTTP基本表单上传， ......
什么是 Angular 14 的 strict typing of Angular Reactive Forms
Angular 14 引入的 "strict typing of Angular Reactive Forms" 是一项强大的功能，它进一步提高了 Angular 应用程序的类型安全性和可维护性，特别是在处理表单时。这个功能使开发人员能够更精确地定义表单控件和表单模型的类型，从而减少了潜在的运行时错 ......
Angular inlineCriticalCss 和内部函数 walkStyleRules 介绍
有一个客户启用了 Angular Server Side Rendering，并且启用了 inlineCriticalCss，后来发现在 Dynatrace 的 hotspot 里的 vendor.js 文件有个名叫 walkStyleRules 的函数，耗时比较多。如下图所示： Angular 服 ......
什么是 Angular 企业级应用开发中的 Breaking Change
Angular 是一种流行的前端开发框架，它经常会发布新版本，以改进性能、增加新功能和修复错误。然而，随着新版本的发布，可能会引入一些不兼容的更改，这被称为 "Breaking Change"。Breaking Change 是指在应用程序升级到新版本时，可能导致现有代码无法正常工作的变更。本文将深 ......
Angular 应用构建完成后 vendor.js 文件的使用场合
vendor.js文件的来源、作用和使用场合 vendor.js文件是Angular应用中的一个重要文件，它承担了许多关键任务，包括管理应用的依赖关系、提供框架核心功能以及优化构建。本文将详细介绍vendor.js的来源、作用和使用场合，并通过示例来阐述。 来源 vendor.js文件的来源可以追溯 ......
什么是 Angular 的 outlet
Outlet是Angular框架中的一个关键概念，用于在视图层次结构中动态加载和渲染组件。在本文中，我将详细介绍什么是Outlet，并提供详细的示例来说明其用法和作用。 什么是Outlet？ Outlet是Angular中的一个指令，它用于动态加载和渲染组件。它通常与路由器（Router）一起使用， ......
什么是 Angular Tree Shaking 优化机制
Tree Shaking（树摇）是一种在现代 JavaScript 开发中广泛使用的优化技术，它的目标是消除未使用的代码，以减小应用程序的文件体积。Tree Shaking 的概念和实现是在 JavaScript 生态系统中非常重要的一部分，尤其是在构建工具如Webpack和Rollup中。 Tre ......
什么是 Angular Ahead-of-time (AOT) compilation
Ahead-of-time (AOT) 编译是 Angular 框架的一个重要特性，它在构建和优化应用程序时发挥着关键作用。AOT 编译是一种将 Angular TypeScript 代码和模板转换为高效的 JavaScript 和 HTML 的过程，通常在构建过程中执行，而不是在运行时。本文将深入 ......
http
入门题 1. get传参UwU=u 2. POST传参Luv=u 3. admin character 抓包修改 4. 本地用户 X-Forwarded-For: 127.0.0.1 5. 修改访问浏览器 五个任务同时完成后出flag ......
Java Web学习--HTTP协议
Java Web学习--HTTP协议 第六章 HTTP协议 HTTP协议的简单介绍 HTTP：Hyper Text Transfer Protocol超文本传输协议。 HTTP是请求数据和响应数据的一种格式. 浏览器发送给服务器的数据：请求报文；服务器返回给浏览器的数据：响应报文。 http是无状态 ......
HTTP详细讲解
目录： 1、HTTP 为什么不安全 2、安全通信的四大原则 3、HTTPS 通信原理简述 对称加密 数字证书 非对称加密 数字签名 4、其它 HTTPS 相关问题 一、HTTP 为什么不安全 HTTP 由于是明文传输，主要存在三大风险： 1、 窃听风险 中间人可以获取到通信内容，由于内容是明文，所以 ......
一文搞懂HTTP跟HTTPS的区别
前言 当我们在网上冲浪浏览网页时，有时候会注意到一些网址的前缀是HTTPS://，而另一些则是HTTP://。那么这两种网址前缀之间有何差异呢？在我们探讨这一问题前，我们首先要了解HTTP和HTTPS的定义。 什么是HTTP HTTP (HyperText Transfer Protocol：超 ......
不能显式拦截ajax请求的302响应？
记录工作中早该加深印象的一个小case： ajax请求不能显式拦截 302响应。 我们先来看一个常规的登录case: 浏览器请求资源，服务器发现该请求未携带相关凭据（cookie或者token） 服务器响应302，并在响应头Location写入重定向地址， 指示浏览器跳转到登录页 浏览器跳转到登录页 ......
http get 请求，path请求参数有数组类型的参数，怎么传参
内容来自对 chatgpt 的咨询 当在HTTP GET请求中传递数数组类型的参数时，需要按照一定的格式进行编码。并且具体的格式可能会根据后端的实现和预期的格式进行变化。这里有两种常见的方法： 方法一：相同参数名，多次出现 在URL中，后面每一个数组元素都用相同的参数名。例如，如果你有一个名为 va ......
关于http-https的URL格式-及URL-Encode-基本格式分析
关于http，https 的协议格式，在很多资料上看到，基URL格式的如下： shceme://username:password@host:port/path;params?query#frag params: key=value&key2=value2query(前面的资源可能会有SQL的whe ......
Go每日一库之183：vegeta（http压力测试工具库)
项目地址：[https://github.com/tsenart/vegeta](https://github.com/tsenart/vegeta) > [https://mp.weixin.qq.com/s/J0PiqTifr_rs_S2CzMRoWg](https://mp.weixin.qq ......
Go每日一库之102：go-wrk（HTTP基准测试）
[go-wrk](https://github.com/tsliwowicz/go-wrk) 是一个用Go语言实现的轻量级的http基准测试工具，类似于[wrk](https://github.com/wg/wrk)（还有ab、siege），本文将简单介绍一下如何使用go-wrk实现接口的性能(压力 ......
Go每日一库之72：net-http（基础和中间件）
## 简介 几乎所有的编程语言都以`Hello World`作为入门程序的示例，其中有一部分以编写一个 Web 服务器作为实战案例的开始。每种编程语言都有很多用于编写 Web 服务器的库，或以标准库，或通过第三方库的方式提供。Go 语言也不例外。本文及后续的文章就去探索 Go 语言中的各个Web 编 ......
抽象CurrentUser适配Http和Job场景
前言 获取当前请求用户的基础信息是很常见的，诸如当前用户Id，角色，有无访问权限等。通常我们可以直接使用HttpContext.User来拿到当前经过认证后的请求人信息。但是这样对于分层应用不太友好，需要安装AspNetCore.Http.Abstractions的包，这样对于这层(非Web层)来讲 ......
Begin of HTTP
打开 GET get方式上传，直接在网址栏上传即可 POST 先找到secret，一般藏在网页前端代码里 解码得 得F12，用hackbar上传 Cookie 直接点击cookie，把他改成ctfer即 User-Agent 直接点击user-agent然后改变浏览器直接上传，注意此处不能有中文 R ......