1. 首先下载Windows版的 xampp,下载地址:/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 端口被占用的情况。