用apache搭建web服务

飞奔的阿加西.jpg

背景

对于前端开发有时候是需要把自己写的程序放到服务器里面测试！尤其是在做移动端的时候更需要这样！
以前用的是windows自带的iis！但是有一次电脑坏了换个电脑！怎么都安装不上iis!所以想起了Apache!百度的教程都是2015年之久的！于是自己摸索！

解决

下载

• 下载地址 进入官网的下载界面选择Files for Microsoft Windows

json520.com.png json520.com.png

• 选择对应的Downloading Apache for Windows 的第一个选项ApacheHaus

json520.com.png

• 进去就能看见网站里面有很多版本可以选择！往下拉看到第一个！注意要选择对应的windows系统！x86是32位的！x64是64位的！这里我选择64位！

json520.com.png
json520.com.png

安装

• 下载会比较慢！下载完后解压放到自己想放的目录下！这个没有限制！不过一会路径要用到！这里我解压放到我新建的aphace文件夹下面！解压出来的文件夹叫apache24！懒得改了！

Paste_Image.png

• 打开apache23/conf/httpd.conf 文件！用text打开！Ctrl+f 打开搜索听弹框！输入 Define SRVROOT 进行搜索！

json520.com.png

• 把后面的路径改为你自己解压下来放aphace24文件夹的路径！

json520.com.png

• 用 Windows管理员身份打开cmd，切换到aphace\Apache24\bin目录下执行httpd -k install

切记一定要用管理员身份打开！刚开始怎么都安装不了最后才发现是这个问题！
windows键(就是键盘有微软四个方块的标识符)+X键！调出快捷菜单！选择A管理员！

• 安装好了打开apache24/bin/ 双击ApacheMonitor

json520.com.png

• 然后在电脑右下角会看见启动了

json520.com.png

• 点击进去点击start!下面是我已经启动的标识！会变成绿色！

json520.com.png

• 然后输入localhost有页面就是成功了！这个是aphace默认的页面！

json520.com.png

完成

• 如何把自己写的html文件放进去能访问那！
  这个默认的html是在apache24/htdocs文件夹下面！ 默认的是index.html
  我在这里新建了web文件夹！把我需要浏览的页面放到这个下面！
  然后在localhost后面加文件夹路径就可以了！

json520.com.png
json520.com.png

• 如何让局域网里面的人能访问这个文件！
  打开cmd！输入ipconfig ！那个IPv4后面的就是本机ip!
  或者直接百度搜索ip!第一个出来的就是自己的ip地址

json520.com.png

• 把localhost换成ip地址就可以了！

json520.com.png

好了！现在可以好好感受一下！中间如果有什么地方出错了！要学会用百度和google！毕竟每个人的电脑配置都不一样！所产生的的问题很多！这篇文章不可能把所有问题的解决方案都写出来！学会自己寻找答案！师傅领进门！修行靠个人!

全部手打！支出原创！累死了！

系统版本：windwos10

推荐链接：前端开发电脑必备软件大全