900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Windows 下xampp的安装使用以及本地静态页面的访问(HTML+CSS+JS)

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

时间:2020-07-14 17:18:51

相关推荐

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

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 端口被占用的情况。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。