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

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

php5.3安装memcache,Windows下的Memcache安装附php5.3的扩展
Windows下的Memcache安装: 1. 下载memcache的windows稳定版,解压放某个盘下面,比如在c:\memcached 2. 在终端(也即cmd命令界面)下输入 'c:\memc ...
Windows下nginx的安装及使用方法入门
Windows下Nginx的安装及使用方法入门 nginx功能之一可以启动一个本地服务器,通过配置server_name和root目录等来访问目标文件一. 下载官网地址:http://nginx. ...
Windows下Tuxedo的安装与配置-无数据库
Windows下Tuxedo的安装与配置-无数据库草木瓜 2005-5-18 一.安装前的文件准备下载Tuxedo For Windows版本和License文件,本机采用的是Tuxedo9 wi ...
Windows 下 Git 的安装及如何与码云协作
2019独角兽企业重金招聘Python工程师标准>>> 一.Windows 下 Git 的安装过程 1.在百度搜索"Git for Windows",在出现的结果 ...
Windows下Tuxedo的安装与配置
Windows下Tuxedo的安装与配置-无数据库一.安装前的文件准备下载Tuxedo For Windows版本和License文件,本机采用的是Tuxedo9 windows版本.具体 Win ...
Windows下的JDK安装教程
windows下的JDK安装有两种方式: 第一种是从官网下载JDK安装程序:第二种则是下载JDK的压缩包解压,自己配置环境变量. 此处推荐第二种安装方式,原因如下: 在我们的学习工作中,有时需要用到不 ...
Windows下Git下载安装详细图文教程（亲测有效）
Windows下Git下载安装详细图文教程(亲测有效) 文章目录 Windows下Git下载安装详细图文教程(亲测有效) 一.Git的下载 1.1官网下载 1.2 资源下载二.Git的安装三.总结 ...
windows下nodejs express安装及入门网站,视频资料，开源项目介绍
windows下nodejs express安装及入门网站,视频资料,开源项目介绍,pm2,supervisor,npm,Pomelo,Grunt安装使用注意事项等总结第一步:下载安装文件下载地址 ...
windows 下mysql的安装于使用（启动、关闭）
1.下载Windows (x86, 64-bit), ZIP Archive解压: 2.双击在bin目录里的mysqld.exe dos窗体一闪就没了,这时netstat -an发现port3306已 ...

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

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

最新文章

热门文章