XAMPP:本地服务器访问

XAMPP+PHP:写一个hello world

  • 找到xampp安装目录下的htdocs目录:
    在这里插入图片描述
  • 进入htdocs目录,这里我新建了一个test文件夹,并将要运行的php文件放入
    在这里插入图片描述
  • HelloWorld.php
<!DOCTYPE html>
<html>
<body>
    <?php
        echo "Hello World";  
    ?>
</body>
</html>
  • 打开浏览器,访问此文件:
    http://localhost:8001/test/HelloWorld.php
    (注意:localhost:8001是因为我把apache的端口号改为了8001,它的默认是80)
    在这里插入图片描述
    在这里插入图片描述

修改默认的目录

实际上并不是只有放在 htdocs 目录下的文件才能被访问,我们可以自己定制。
和之前修改80端口的操作一样,先打开httpd.conf
在这里插入图片描述
找到DocumentRoot,修改成自己想指定的路径:
在这里插入图片描述

访问网页

  • 把html文件 放到xampp安装目录下的htdocs目录
    (注意:xampp会去htdocs这个根目录寻找一个名称为index的网页作为入口。所以需要命名为index
  • 由于修改了端口,无法访问localhost127.0.0.1
    但是加上修改的端口号就可以,比如我把\apache\conf\httpd.conf里的80改成8001,访问localhost:8001127.0.0.1:8001即可

如图,输入localhost:8001,即可访问自己仿的百度首页
在这里插入图片描述

XAMPP配置多个网站项目

参考使用XAMPP配置多个网站项目(超详细版)

  1. 更改入口文件所在根目录,同样打开上述的config配置文件,搜索DocumentRoot,将后面的地址修改为项目所在目录的地址
    在这里插入图片描述
    在建立本地站点时,xampp会去这个根目录寻找一个名称为index的网页作为入口,如果不修改这个根目录,则默认地址为xampp\htdocs,在上一步打开的网页实际上就是这里的index.html文件
    在这里插入图片描述
  2. 更改虚拟主机配置,如果要在本地运行多个站点,则需要去xampp\apache\conf\extra\里的httpd-vhosts.conf增加站点配置,找到文件打开,在最后加入以下代码,其中DocumentRoot是index.html文件所在的目录,SeverName是自定义的域名,每次新增项目时都要按以下格式在最后添加这几行代码
<VirtualHost *:8088>
DocumentRoot "E:\Desktop\program_site\program-project\dist"
ServerName programsite.com 
</VirtualHost>

在这里插入图片描述
注意:如果端口号80被占用了,除了在XAMPP的config文件修改端口号外,在这里也要修改端口号,ctrl+f选中所有80并修改为8088

  1. 更改本地host,打开C:\Windows\System32\drivers\etc文件中的hosts文件,在最后添加以下内容
    在这里插入图片描述
    host设置格式为:IP 域名
    在这里,IP设为本地IP地址127.0.0.1,通过设置的域名转向本地IP从而进行本地网站的测试
  2. 运行网站:host文件修改好之后,在浏览器输入域名即可运行网站,如果端口号修改了,则需要在域名后增加端口号,例如我这里修改成了8088,则输入:wheretogo.com:8088
    在这里插入图片描述

手机访问本地html

参考:使用XAMPP一键搭建本地服务器,并用手机访问本地html(从安装到使用

  1. XAMPP在本地搭建好服务器
  2. 搭建好服务器的电脑和手机在同一局域网内
  3. 查询PC的IP地址:cmd-ipconfig
  4. 手机访问电脑的IP地址(改了端口号的,就用 IP地址:端口号)

(如PC的IP地址是193.168.31.160,修改后的端口号是8001,则手机访问的地址是:193.168.31.160:8001)

注意:PC查询ipv4地址,是无线局域网适配器 WLAN下的:
效果:
在这里插入图片描述

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值