如何搭建本地服务器

学习前端,搭建一个本地服务器用来测试代码还是很重要的,不仅可以避免使用Chrome浏览器时,出现不支持File协议的Ajax请求的大坑(Firefox是支持的),还能够用来测试移动端的情况。下面教大家如何搭建一个服务器。

首先,我选择的是XAMPP,下载:https://www.apachefriends.org/zh_cn/index.html

根据需要,选择安装,安装后,启动XAMPP,并启动Aphche

 

一般电脑默认为80端口,所以可以在浏览器中地址栏中输入localhost,但由于我电脑80端口被系统程序占用,所以我修改了端口号为8080

如果可以正常打开页面,说明服务器可以使用啦!

接下来是测试服务器。。。。。。

启动后XAMMP测试服务器,将测试文件放置根目录htdocs中

XAMPP中网站默认根目录是htdocs

一般本地路径是C:\xampp\htdocs

在其中放置测试的HTML文件

 

在浏览器地址栏上输入http://localhost:8080/test.html,进入页面

 

嗯。。。表示完成了。

 

最近开了个公众号用于推送前端学习总结,有兴趣的可以关注一下。

公众号:菜鸟札记

 


版权声明:本文为HU_YEWEN原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。