一、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地址。

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

相关推荐
m0_748233886 分钟前
【学一点儿前端】本地或jenkins打包报错:getaddrinfo ENOTFOUND registry.nlark.com
前端·servlet·jenkins
摸鲨鱼的脚7 分钟前
Vue导出报表功能【动态表头+动态列】
前端·javascript·vue.js
海上彼尚23 分钟前
npm、yarn、pnpm三者的异同
前端·npm·node.js
余生H24 分钟前
前端的 Python 入门指南(六):调试方式和技巧对比
开发语言·前端·javascript·python
m0_7482370527 分钟前
前端报错npm ERR cb() never called问题
前端·npm·node.js
818源码资源站38 分钟前
Ripro V5日主题 v8.3 开心授权版 wordpress主题虚拟资源下载站首选主题模板
前端
低代码布道师44 分钟前
第二篇:脚手架搭建 — React 和 Express 的搭建
前端·react.js·express
m0_748238781 小时前
前端文件预览整合(一)
前端·状态模式
程序员大金1 小时前
基于SpringBoot+Vue的高校电动车租赁系统
前端·javascript·vue.js·spring boot·mysql·intellij-idea·旅游
莫惊春1 小时前
HTML5 第七章
前端·html·html5