前端的端口问题

2021-12-16 html5

本文，将以通俗易懂的方式剖析服务器\电脑是怎么访问html文件。
先说一下前置知识：
首先我们得知道一件事情：电脑中每个运行的程序都对应着某个端口，举个例子：我们都知道mysql默认的端口号为3306,现在我电脑没启动，查一下这个端口：

netstat -ano | findstr 3306

【前端的端口问题】

文章图片

因为我现在还没启动mysql呢，这个端口自然是空闲的状态，所以cmd窗口没有搭理我，我表示很能理解，现在我启动mysql，再次查询 3306的进程：

文章图片

已经可以看到进程号了，这就已经说明了端口和程序的关联关系！
好了,现在正式进入我们的主题还是直接上例子吧：

1.先以本机进行测试吧，博主在 E:\文件\web\code 目录下写了很多html文件，双击即可打开，注意观察地址栏！！地址栏的信息详细为：file:///E:/%E6%96%87%E4%BB%B6/web/code/firstweb.html

文章图片

这个没什么好说的，相信玩过前端的都知道，地址栏输入file:/// + html的绝对路径，就能访问到里面的内容，其中 file:/// 意思是指定电脑文件，在举个例子，懵逼的你们就知道这有什么意义：地址栏输入 file:/// C:\ 即访问的是C盘目录

文章图片

我发现上面的访问形式完全可以被下面的地址所替代：
在浏览器地址栏中输入http://127.0.0.1:5500/code/firstweb.html，依旧可以访问该页面！！

文章图片

至于我是怎么知道这种访问方法的？这就要得益于vscode,有兴趣的小伙伴，可以自己在编译器上访问看看。现在疑问来了，为什么这样也能访问？？5500端口又是个什么东西，带着这个疑问，我在浏览器中直接去访问这个端口：

文章图片

文章图片

经过发现，yi~~~这不就是我这个文件夹的内容吗。

上面都是本机的实验，玩过服务器的人应该都知道，要访问静态资源文件，就得开放80端口。80端口是个什么东西，我们百度一下：

文章图片

简单的来说，就是http协议的规范,注意！他的确开放了80端口，但却不占用这个端口号！题外话：意思是tomcat可以把端口号改成80

大部分都知道，想要将自己写的静态页面让全世界的人都能访问到，只需要将该html文件放到域名的根目录下即可。

文章图片

而这个根目录中文件都默认是80端口,跟刚刚本机那个文件夹的端口是5500差不多的意思！因为在搭建服务器的时候，默认就指定了访问80端口号，所以80可以不写！

推荐阅读

上一篇：空巢已婚男的独白

下一篇：金蝶3亿投资纷享销客背后，钉钉太凶猛，徐少春很焦虑