前端域名映射（前端域名映射是什么）

一百天自学前端17-URL

一百天自学前端之URL详解 URL（Uniform Resource Locator），即统一资源定位符，用于定位互联网、局域网的一切资源的地址。它就像现实生活中的地址一样，能够指引我们找到所需的信息或资源。下面，我们将从URL的组成部分、各部分的功能以及相关的网络知识进行详细讲解。

nginx配置前端多加个//xie

1、要在Nginx配置中给前端多加个“//xie”，可以通过修改相关的location配置来实现。首先，找到对应的前端服务配置的location块。

2、最简单的方法是将janus.jcfg.sample作为配置文件使用。有了配置文件，就可以直接启动Janus了。执行特定命令即可启动。启动Janus后，如果有用户连接到Janus，可以从终端看到对应的连接信息。对于观察和调试Janus，这种方式非常适合，但如果你想让它在Linux系统后台运行，只需执行特定命令。

3、打开“web 站点属性”窗口的“主目录”标签，找到并点击“配置”按钮，在弹出的“应用程序配置”窗口中找到并点击“添加”按钮，在弹出的窗口中新增一个扩展名映射，扩展名为 .php ，单击“浏览”将可执行文件指向 PHP5isAPI.dll 所在路径，如：C：\Inetpub\php\php5iSAPi.dll，然后一路确定即可。

Web前端编程dns的解析过程

1、浏览器在接收到HTTP响应包后，会解析响应内容，并进行渲染，最终将页面呈现给用户。综上所述，DNS解析是web前端编程中浏览器访问网站的一个重要步骤，它通过将用户输入的域名转换为对应的IP地址，使得浏览器能够与服务器建立连接并获取所需的内容。

2、用户在浏览器地址栏中输入网址，这是Web交互的起点。浏览器根据用户输入的URL，构建HTTP请求报文。这个报文包含了请求的方法（如get、POST）、请求的URL、请求头等信息。DNS解析：浏览器在发送请求之前，需要进行DNS解析，将域名转换为IP地址。

3、整体流程第一步：浏览器通过DNS查找该域名的IP地址。第二步：浏览器根据解析得到的IP地址与服务端建立TCP连接。第三步：TCP连接建立成功后，浏览器向服务器发送http请求。第四步：服务器接收http请求，并返回响应。第五步：浏览器对该响应进行解码，解析html生成dom tree。

4、预解析的实现： 用meta信息来告知浏览器， 当前页面要做DNS预解析： 在页面header中使用link标签来强制对DNS预解析： 注：dns-prefetch需慎用，多页面重复DNS预解析会增加重复DNS查询次数。

5、当用户访问一个使用 CDN 加速的网站或应用时，cdn 的工作流程如下：DNS 解析：用户输入域名（如 mike.com），DNS 系统首先会查找该域名的 CNAME 记录。CNAME 记录将域名映射到 CDN 提供的域名（如 mike.cdndns.com）。CDN 专用 DNS 服务器接收到请求后，会查询全局负载均衡系统。

6、浏览器会根据DNS解析出服务器的IP地址，并通过TCP/IP协议与服务器建立连接。连接建立后，浏览器会发送HTTP请求报文，服务器接收到请求后，会返回HTTP响应报文，其中包含网页的HTML内容。页面渲染：浏览器接收到HTML文档后，会开始解析HTML，构建DOM树（Document Object model）。

外网映射和反向代理--lucky的部署和使用

使用portainer（Docker）部署Lucky打开Portainer-VoluMES，新建一个名为“lucky”的目录，用于存放配置文件（也可不创建，后续手动映射到其他路径）。点击“Add container”，输入容器名称（如“lucky”），镜像名称（gdy666/lucky：laTESt）。

首先，添加外部入口，设置监听端口（建议修改默认端口）和TLS（如需要使用HTTPS服务则打开）。然后，添加子规则，选择反向代理类型，并设置前端地址和后端地址。配置完成后，只需要访问设置的外网地址就可以对应访问局域网内的容器服务了。而且，通过只开放一个端口（如16666），可以大大提高网络访问的安全性。

开启https反向代理，搭建内外沟通桥梁：在Web规则中，选择简易模式，监听16666端口，启用TLS和BasicAuth。接着，添加子规则，设置二级域名和内网地址，让外网访问与NAS无缝对接。路由器映射，让外网直达：将16666端口映射到路由器，访问时务必加上https：//，确保加密连接。

配置Lucky反向代理 为了进一步提高访问的便捷性和安全性，我们可以配置Lucky反向代理来隐藏真实的云服务器IP地址，并实现HTTPS访问等功能。下载并安装Lucky：在具有公网IP的云服务器上下载并安装Lucky反向代理软件。配置Lucky：编辑Lucky的配置文件，设置监听端口、域名、证书等参数。

下面对比两种方式：正向代理+HTTP：易操作但风险大 反向代理+HTTPS：安全、加密，适合一般用户 推荐的国产开源软件Lucky简化了反向代理+HTTPS的部署，即使新手也能轻松完成。

通过HOSTS文件修改本地域名映射

1、通过hosts文件修改本地域名映射的步骤如下：找到hosts文件：在windows系统中，hosts文件位于C：WindowsSystem32driversETC路径下。在macos/linux/iOS/android系统中，hosts文件则位于/etc/hosts路径下。编辑hosts文件：使用文本编辑器打开hosts文件。

2、在移动端开发测试中，也可以通过hosts文件，将手机上的代理设置到电脑上，实现访问特定IP地址的目的。例如，业务需要对接第三方，测试环境外网无法访问或需要特定的IP白名单才能访问时，也可以通过域名映射来实现访问。

3、手动修改本地hosts文件 操作步骤：进入本地计算机目录“c：windowssystem32driversetc”。确认当前用户已获取该目录下“hosts”文件的所有权限。用记事本打开“hosts”文件。在文件中添加所需域名映射，例如“10 test.com”，并保存。

4、在打开的hosts文件末尾，按照“IP地址+空格+域名”的格式添加映射关系。例如，要将域名“example.com”映射到10.1，可以在文件末尾添加一行“10.1 example.com”。这样，当尝试访问example.com时，系统就会将其解析为10.1，即本地回环地址。

5、修改hosts文件需要管理员权限。配置时要确保IP地址和hostname的正确性，否则会导致访问失败。Hosts配置仅适用于本地网络或单机环境，不适用于跨网络的域名解析。自动化工具：对于Windows系统，可以使用python脚本等自动化工具来简化hosts配置的操作，减少手动输入的繁琐。

6、Windows设置本地DNS域名解析Hosts文件的步骤和方法如下：定位Hosts文件 位置：在Windows系统中，Hosts文件通常位于C：WindowsSystem32driversetc目录下。打开Hosts文件 方法：以管理员身份运行记事本，然后打开上述路径下的Hosts文件。注意，由于该文件位于系统目录，可能需要管理员权限才能进行修改。