Windows 下xampp的安装使用以及本地静态页面的访问（HTML+CSS+JS)

1. 首先下载Windows版的 xampp，下载地址：https://www.apachefriends.org/zh_cn/download.html

2. 将压缩包解压到电脑上任意磁盘的根目录下，双击打开控制面板，

3.在Apache那一行点击Start，启动阿帕奇。启动后显示如下：

可能有些电脑由于端口复用，会出现无法启动阿帕奇和MySQL的情况，后面我再补上解决方法。

4. xampp安装好了，阿帕奇也成功启动，如果只是静态页面且不涉及数据库内容（否则要确保MySQL启动成功），那就可以在上面打开我们的HTML+CSS 做的网页了，因为阿帕奇提供了对静态网页的支持。

4.1 首先，将我们的网页的工程复制到 htdocs 目录下面，（xampp的网站的根目录下的默认路径是 \xampp\htdocs）

4.2 接着查看本机的IP地址（win+r,cmd,ipconfig）

4.3 在浏览器中输入：http://你的IPV4地址/你要打开的html文件的路径，如我的HTML的index.html的路径为：D:\XAMPP\htdocs\finalexamination\final mobil\html\index.html  ，则我应该在浏览器中输入： http://我的IPV4地址/finalexamination/final mobil/html/index.html   (文件或文件夹命名有空格的，空格也要敲出来)

如果没有改端口号，默认是80端口，直接将IP换成localhost也是可以访问的（改了端口号的话要加上端口号）

这样，就可以在xampp上面打开网页了。

5. 但是，这样有个问题：当我把网页链接发到手机上打开时，却出现了如下情况：

怎样才能在手机上也可以看到我的网页呢？

5.0.1 打开电脑的无线局域网适配器，然后再cmd中找到 无线局域网适配器 ，看IPv4 地址是什么（192.168.x.x）。

 

5.1 修改阿帕奇的配置信息：在xampp控制面板中的Config上右键，可以看到，打开它，找到 AllowOverride AuthConfig 和 Require local, 在他们前面加上#（把他们注释掉），然后加上一句 Allow from all   (这是 Apache 3.x 的解决方法，如果是 2.x 的，则是找到 Allow from 127.0.0.1 ，然后直接将其改为：Allow from all ，，另外找的时候直接用 Ctrl+F 即可，不要一行一行地找哦~)，保存。

5.2 关闭防火墙

5.2.1 打开控制面板，找到防火墙

5.2.2  找到“启用或关闭Windows Defender 防火墙”

5.2.3 关闭掉就好了

5.2.4 这时候再打开发送到手机的链接就可以预览了

(预览完成后记得把防火墙打开哦，毕竟还是有一定危险程度的^_^)

但是我把链接发给另一个同学，（我电脑跟手机在连着同一个 Wi-Fi ，我与那个同学不在同一个局域网内），如果要在广域网通过浏览网页，需要有云服务器的域名。

我到这一步就可以看到了，如果还是不行：就可能是端口的问题，看看是否存在 80 端口被占用的情况。