一、web基础和http协议

前言

https://www.baidu.com/:URL(是一种万维网寻址网址)

https://:协议,加密的http,加密的超文本传输协议,在数据传输之前要通过整数进行身份验证,验证通过才可以进行数据传输。

/www.baidu.com/:域名

http:80端口

https:443端口

DNS解析的方式

1、运营商

2、/etc/hosts:人工配置的域名和ip地址之间的映射关系

3、/etc/resolv.conf:DNS服务器的ip地址;bind:内网解析域名和ip地址之间的关系。

网页基础

网页是HTML语言编译而成的前端页面,纯文本格式的文件。

浏览器翻译纯文本格式的文件,便于用户进行浏览。

html:编写网页的超文本的标记语言。

网站:由多个页面构成的,是网页的结合体。

首页:网站在设计时,已经设计好了的,用户打开该站点默认的页面。

链接:URL:https://www.baidu.com/

超链接:将网站的不同页面链接起来,形成一个内部的链接。

发布:域名,网页设计好,多个网页通过超链接连接在一起,形成网站,然后注册发布。

如:我们打开bilibili网站,查看他的代码元素,可见如下。

<title>:定义文档的标题

<base>:页面链家的默认地址

<meta>:html文档中的元数据

<script>:客户端的脚本文件

web基础

web概述

world   wide   web:全球广域网,万维网,是一种分布式图像信息系统。

分布式图像信息系统:

1、强大的网络基础设施

2、强大的硬件设备和市场能够接受的价格

分布式:就是不同的组件部署在不同的机器上,用网络互联,形成一个整体的功能。

集群:不同机器上部署相同的应用,而且提供一样的对外功能。

web版本

web1.0(已淘汰):纯页面模式,单向行为。

web2.0:更注重用户的交互,用户即是网站内容的消费者,同时也是网站内容的制造者。

静态页面和动态页面

静态页面:

文本格式的页面,是一个标准的HTML文件,包括文本、图像、声音、动画都属于页面的内容。

没有后台数据库,所有的信息是不可以交互。

相对更新起来比较麻烦,一般用于网站的首页或者展示大型的网站。

静态页面的URL是一个固定地址

动态页面:

网页的URL是不固定的,后台能够和用户进行交互。

在动态网站的URL中,一般都有“  ?”

动态页面主要是和数据库进行交互

静态页面的特点:

  1. 固定的URL地址
  2. 页面就是一个纯文本的用HTML语言编译的文件
  3. 静态页面没有后台数据库
  4. 静态页面不能实现交互
  5. 访问速度快,更新起来比较麻烦

动态页面的特定:

  1. 交互性,网页会根据用户的要求和操作进行响应,甚至改变页面的内容
  2. 自动更新
  3. 不同时间不同的人看到的页面会发生变化

http协议

http的概念

协议:就是内容信息之间传播的规则和标准。

http协议:超文本传输协议,客户端和服务端之间进行数据传输的一种规则。

http是应用层的协议,建立在传输层tcp之上,客户端和服务端之间通过tcp协议建立连接,应用层

上使用http协议进行数据传输,通过指定的端口来进行通信。

http建立连接的过程

用户在浏览器输入URL访问时,发起HTTP请求报文,请求中包括请求行、请求头、请求体,服务

器收到请求后返回响应报文,包括状态行、响应头、响应体,具体过程如下:

1、客户端和服务端通过tcp协议建立连接,客户端向服务端的80端口发送连接请求(三次握手)

2、http数据传输——>客户端向服务端发送请求(http),http的请求。

3、服务器处理请求,根据请求体当中的内容进行处理。

4、服务器返回响应的数据,生产一个响应体,响应体包含状态码,表示服务器对请求的处理结果

5、数据传输,通过tcp建立的连接传输数据

6、数据传输完毕之后,连接关闭

请求头和请求体

method:客户端的请求方式,有get、post

path:客户端请求的路径

scheme:请求的协议(https)

accept:客户端请求之后,服务端需要响应客户端,客户端能够接受的数据类型。

cookie协议:浏览器提供的协议功能

  • cookie的信息不是保存在网站的,保存在浏览器本地(本机),保存用户的登录状态,跟踪统计用
  • 户访问网站的习惯,是一种很小的文件,主要的作用就是保存用户的信息。

host:显示请求客户端的ip地址

proxy-connection:keep-alive:告诉服务端如何对请求连接处理,处理方式是keepalive。

keepalive:服务端响应请求,并且传输完数据之后,不会立刻关闭连接,保持连接一段时间(tcp连接),也是http1.1新增的功能。

user-agent:客户端请求的工具信息(浏览器的信息)

响应头和响应体

请求方式:GET

状态代码:200

状态代码:指的服务端对客户端请求的响应结果

  • 1xx:100-101,信息的提示
  • 2xx:200-206,200表示成功,客户端发送的请求服务器端能够成功的处理。
  • 3xx:300-305,表示重定向,即页面的跳转。
  • 4xx:400-415,表示客户端错误
  • 5xx:500-505,表示服务端错误

常见状态码:

  • 200:成功,请求成功
  • 301:重定向,永久重定向
  • 302:临时重定向
  • 304:表示访问的缓存
  • 403:客户端没有权限访问服务端的页面
  • 404:客户端请求的页面不存在
  • 500:内部服务器错误
  • 502:网关失效
  • 503:当前服务不可用
  • 504:网关请求超时

请求的方式GET和POST

GET:

  1. 是客户端向服务端请求的默认方式,请求数据。
  2. GET的请求是可以被缓存的。
  3. GET的请求,请求字段的长度是有限制的。
  4. GET的方式,请求的字段会显示在URL中,不太安全。

POST:

  1. 是向服务端发送数据,是向服务端添加或修改数据。
  2. POST的数据是无法进行缓存的。
  3. POST的请求字段的长度是没有限制的。
  4. POST的请求查询字段不会再URL中显示 。

502网关失效解决方法

问题:如果遇到502网关失效,如何解决?

排错思路:网络、防火墙、配置文件。

具体步骤如下

1、排查网络问题

检查本地网络与服务器连接是否正常,无网络连接存在中断、延迟过高或数据包丢失等问题。

如果网络连接存在问题,需要检查自己网卡配置是否正确,是否已启用,即时修复网络连接。

2、检查防火墙

检查防火墙状态,确保没有阻止网关与服务器之间的通信。

检查防火墙设置,确保没有设定阻止与服务端通信的防火墙规则。

3、检查配置文件

检查本机配置设置,包括端口设置、协议匹配和安全设置等。

检查DNS配置:如 /etc/hosts、/etc/resolv.conf等确保DNS解析正常,本机能够正确找到服务器的

IP地址。

如果配置不正确,需要调整配置以解决问题。

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Vue生成类似于打卡页面

数据表格 <el-table :data"tableData" border height"calc(100vh - 240px)" :cell-style"cellFun"><el-table-column label"姓名" show-overflow-tooltip prop"name" align"center"/><el-table-co…

高通---Camera调试流程及常见问题分析

文章目录 一、概述二、Camera配置的整体流程三、Camera的代码架构图四、Camera数据流的传递五、camera debug FAQ 一、概述 在调试camera过程中&#xff0c;经常会遇到各种状况&#xff0c;本篇文章对camera调试的流程进行梳理。对常见问题的提供一些解题思路。 二、Camera配…

03_Webpack模块打包工具

03_Webpack模块打包工具 目录 知识点自测 以下哪个选项是 ECMAScript 默认导出和导入的语法&#xff1f; A&#xff1a;export 和 require B&#xff1a;module.exports {} 和 import 变量名 C&#xff1a;export default 和 import 变量名 D&#xff1a;export 和 import {…

FastAPI解决跨域报错net::ERR_FAILED 200 (OK)

目录 一、跨域问题的本质 二、FastAPI中的CORS处理 1. 安装FastAPI和CORS中间件 2. 配置CORS中间件 3. 运行FastAPI应用 三、解决跨域报错的步骤 四、案例&#xff1a;解决Vue.js与FastAPI的跨域问题 1. Vue.js前端应用 2. FastAPI后端API 3. 配置CORS中间件 4. 运行…

盲盒抽卡机小程序,打造趣味与惊喜并存的卡牌体验

随着科技的不断发展&#xff0c;线上营销方式已经渗透到了各行各业中&#xff0c;卡牌市场也不例外。传统的拆卡方式存在一些局限问题&#xff0c;为了提高消费者的拆卡体验&#xff0c;线上抽卡机系统成为了新的发展方式&#xff0c;提供全新的市场活力。 盲盒抽卡机系统是卡…

ModelScope-Agent(1): 基于开源大语言模型的可定制Agent系统

目录 简介快速入门 简介 github地址 快速入门 看前两篇&#xff0c;调用千问API和天气API # 选用RolePlay 配置agent from modelscope_agent.agents.role_play import RolePlay # NOQArole_template 你扮演一个天气预报助手&#xff0c;你需要查询相应地区的天气&#x…

git将一个项目的文件放到另一个项目的文件夹下

现有productA与productB项目&#xff0c;现将productA、productB放到productC下的mall-web文件下&#xff0c;目前只能实现保留productA的提交记录&#xff0c;暂不能实现保留两个的提交记录 一.克隆最新的productC的库&#xff0c;这里指mall-web 二.将productA复制到mall-we…

flink-connector-mysql-cdc:01 mysql-cdc础配置代码演示

flink-connector-mysql-cdc&#xff1a; 01 mysql-cdc基础配置代码演示02 mysql-cdc高级扩展03 mysql-cdc常见问题汇总04 mysql-cdc-kafka生产级代码分享05 flink-kafka-doris生产级代码分享06 flink-kafka-hudi生产级代码分享 flink-cdc版本&#xff1a;3.2.0 flink版本&…

【机器学习】机器学习的基本分类-监督学习-支持向量机(Support Vector Machine, SVM)

支持向量机是一种强大的监督学习算法&#xff0c;主要用于分类问题&#xff0c;但也可以用于回归和异常检测。SVM 的核心思想是通过最大化分类边界的方式找到数据的最佳分离超平面。 1. 核心思想 目标 给定训练数据 &#xff0c;其中 是特征向量&#xff0c; 是标签&#xf…

[Redis#15] 持久化 | AOF | rewrite | aof_buf | 混合持久化

目录 1 使用AOF 流程 问题一&#xff1a;父进程在fork之后继续写旧AOF文件的意义 问题二&#xff1a;执行BGREWRITEAOF时的特殊情况处理 2 命令写入 3 文件同步 4 重写机制 工作流程&#xff1a; 触发条件 混合持久化 持久化 sum AOF&#xff08;Append Only File&a…

springai结合ollama

目录 ollama 介绍 使用 下载&#xff1a; 安装&#xff1a; 点击这个玩意next就行了。 运行 spring ai使用ollama调用本地部署的大模型 加依赖 配置yml 写代码 ollama 介绍 官网&#xff1a;Ollama Ollama是一个用于部署和运行各种开源大模型的工具&#xff1b; …

关于Chrome自动同步书签的解决办法

前言 并不一定适用所有用户&#xff0c; 目前我在网上搜集了一些资料&#xff0c;也做了一些尝试。 就我个人总结的经验来讲&#xff0c;分享大家以下几种办法&#xff1a; 1.书签同步插件 点击如下&#x1f517;&#xff1a; Chrome书签同步https://bm.famend.cn/ …

SpringMVC纯注解快速开发

此文章适合具有一定的java基础的同学看哦&#xff0c;如果有看不懂的基本代码还是先补补java基础哦。 此教程带您不使用xml文件而是纯注解开发&#xff0c;易懂、快捷、迅速&#xff0c;从0开始搭建&#xff0c;很快就能构建起一个SpringMVC项目&#xff0c;能学到两种使用tom…

16-02、JVM系列之:内存与垃圾回收篇(二)

JVM系列之&#xff1a;内存与垃圾回收篇(二) ##本篇内容概述&#xff1a; 1、堆Heap Area 2、方法区Method Area 3、运行时数据区总结 4、对象的实例化内存布局和访问定位一、堆 Heap Area 1、堆的核心概念 一个JVM实例只存在一个堆内存&#xff0c;堆也是Java内存管理的核心…

第二篇:k8s工作流程

我们来看通过deployment部署pod的常规流程&#xff1a; kubectl向apiserver发送部署请求&#xff08;例如使用 kubectl create -f deployment.yml&#xff09;apiserver将 Deployment 持久化到etcd&#xff1b;etcd与apiserver进行一次http通信。controller manager通过watch a…

「Mac畅玩鸿蒙与硬件39」UI互动应用篇16 - 倒计时环形进度条

本篇将带你实现一个倒计时环形进度条应用。用户可以设置倒计时的时间&#xff0c;启动倒计时后&#xff0c;应用会动态显示一个随着时间递减的环形进度条&#xff0c;同时伴有数字倒计时显示。这是结合动画效果和时间管理的实用示例。 关键词 UI互动应用倒计时器环形进度条动…

Qt Qtablewidget 标题 QHeaderView 增加可选框 QcheckBox

创建自定义QHeaderView #pragma once#include <QObject> #include <QHeaderView> #include <QPainter> #include <QMouseEvent>class SSHeaderView : public QHeaderView {Q_OBJECTprivate:bool isChecked;int m_checkColIdx; public:SSHeaderView(i…

Java 单元测试模拟框架-Mockito 的介绍

Mockito 是什么 Mockito 是一个用于单元测试的模拟框架&#xff0c;基于它可以使用简洁易用的API编写出色的测试。 Mockito 允许开发人员创建和管理模拟对象&#xff08;mock objects&#xff09;&#xff0c;以便在测试过程中替换那些不容易构造或获取的对象。 Mockito的基本…

斯坦福李飞飞《AI Agent:多模态交互前沿调查》论文

多模态AI系统很可能会在我们的日常生活中无处不在。将这些系统具身化为物理和虚拟环境中的代理是一种有前途的方式&#xff0c;以使其更加互动化。目前&#xff0c;这些系统利用现有的基础模型作为构建具身代理的基本构件。将代理嵌入这样的环境中&#xff0c;有助于模型处理和…

shell语法(1)bash

shell是我们通过命令行与操作系统沟通的语言&#xff0c;是一种解释型语言 shell脚本可以直接在命令行中执行&#xff0c;也可以将一套逻辑组织成一个文件&#xff0c;方便复用 Linux系统中一般默认使用bash为脚本解释器 在Linux中创建一个.sh文件&#xff0c;例如vim test.sh…