如何搭建本地服务器

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

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


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

如何搭建本地服务器_第1张图片


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


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

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

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

XAMPP中网站默认根目录是htdocs

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

在其中放置测试的HTML文件

如何搭建本地服务器_第2张图片


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



嗯。。。表示完成了。


你可能感兴趣的:(XAMMP)