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   (文件或文件夹命名有空格的,空格也要敲出来)




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

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


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

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




5.1 修改阿帕奇的配置信息:在xampp控制面板中的Config上右键,可以看到,打开它,找到 AllowOverride AuthConfigRequire 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 端口被占用的情况。
































猜你喜欢

转载自blog.csdn.net/hst_gogogo/article/details/80313877