开发者社区> 夕阳白雪> 正文

前端架构一之XAMPP

简介: 摘要:   随着用户体验的重要性和项目的富客户端化,越来越多的公司将前端与后端分离开来,这时候前端就需要有自己的服务环境。本文将介绍我在开发中所用到的前端服务环境的搭建。 环境:   OS: win7 64bit   Server: Apache   html文件: *.
+关注继续查看

摘要:

  随着用户体验的重要性和项目的富客户端化,越来越多的公司将前端与后端分离开来,这时候前端就需要有自己的服务环境。本文将介绍我在开发中所用到的前端服务环境的搭建。

环境:

  OS: win7 64bit

  Server: Apache

  html文件: *.shterm

  模板:PHP

第一步安装:

  下载并安装XAMPP,下载地址:

    https://www.apachefriends.org/zh_cn/index.html

  或者:

    http://pan.baidu.com/s/1c0B0lKs

下面是XAMPP的一些文件,文件路劲前加上你安装的路劲,比如你安装在F盘,则下面的都加上F:\

 1 Apache 基本配置:xampp\apache\conf\httpd.conf
 2 Apache SSL:xampp\apache\conf\ssl.conf
 3 Apache Perl(仅限插件):xampp\apache\conf\perl.conf
 4 Apache Tomcat(仅限插件):xampp\apache\conf\java.conf
 5 Apache Python(仅限插件):xampp\apache\conf\python.conf
 6 PHP:xampp\php\php.ini
 7 MySQL:xampp\mysql\bin\my.ini
 8 phpMyAdmin:xampp\phpMyAdmin\config.inc.php
 9 FileZilla FTP 服务器:xampp\FileZillaFTP\FileZilla Server.xml
10 Mercury 邮件服务器基本配置:xampp\MercuryMail\MERCURY.ini
11 Sendmail:xampp\sendmail\sendmail.ini 

注意:安装路径最好不要放在系统盘

第二步修改配置文件:

   打开配置Apache基本配置文件,查找<Directory />

 1 将下边的代码块
 2 
 3 <Directory />
 4 
 5 Options FollowSymLinks
 6 
 7 AllowOverride None
 8 
 9 Order deny,allow
10 
11 Deny from all
12 
13 </Directory>
14 
15 修改为:
16 
17 <Directory />
18 
19 Options MultiViews -Indexes Includes FollowSymLinks
20 
21 AllowOverride None
22 
23 Order deny,allow
24 
25 #Deny from all
26 
27 </Directory>
28 
29 注意,应该注释掉Deny from all

增加访问端口,确保端口没有被占用

1 Listen 80
2 listen 8080
3 listen 8081

修改项目文件路径

1 DocumentRoot "F:/xampp/htdocs/www" #这里改成你项目的路径

如果增加了端口还需要给端口配置访问路径

1 NameVirtualHost localhost:8080
2 <VirtualHost localhost:8080>
3    ## ServerAdminwebmaster@dummy-host.example.com
4      DocumentRoot "F:/xampp/www"
5      ServerName localhost:8080
6      ## ErrorLog logs/dummy-host.example.com-error_log
7      ## CustomLog logs/dummy-host.example.com-access_log common
8 </VirtualHost>

 

第三部启动XAMPP:

如果您的机器上边apache不能正常启动,请运行 f:\xampp\xampp\apache_start.bat 来查看详细的错误信息

如果您的机器上边mysql不能正常启动,请运行 f:\xampp\xampp\mysql_start.bat 来查看详细的错误信息

如果您的机器已经安装了IIS,那么apache会报错,443 ssl端口会IIS占用,请修改F:\xampp\xampp\apache\conf\extra\httpd-ssl.conf 端口号解决 例如:将所有的 443 都修改为 453 ,这种错误对于80端口也一样可能存在,如果是80端口,请修改 f:\xampp\xampp\apache\conf\httpd.conf 将所有的80修改为8081

如果没有任何错误,你可以打开浏览器输入localhost:端口

 

总结:

  完成上面的工作之后我们就可以按照交互稿来进行前端开发

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Python web服务器2: http协议
Python web服务器2: http协议
5 0
阿里ESC试用体验
记录阿里云ESC服务器的使用体验-Euclid_Jie
6 0
Fastjson 和 Spring 进行集成
在 Spring MVC 中集成 Fastjson 如果你使用 Spring MVC 来构建 Web 应用并对性能有较高的要求的话,可以使用 Fastjson 提供的FastJsonHttpMessageConverter 来替换 Spring MVC 默认的 HttpMessageConverter 以提高 @RestController @ResponseBody @RequestBody 注解的 JSON序列化速度。下面是配置方式,非常简单。
4 0
Python web服务器1:正则表达式
Python web服务器1:正则表达式
4 0
Python web服务器3: 静态服务器&并发web服务器
Python web服务器3: 静态服务器&并发web服务器
5 0
Python web服务器4: 网络通信
Python web服务器4: 网络通信
3 0
Python web服务器5: tcp-ip简介
Python web服务器5: tcp-ip简介
3 0
【React】将 useReducer 应用于 Web Worker,擦出奇妙的火花
有这么一个场景,当加载一个网页时,它突然变得无响应,直到所有的资源完全加载完毕才响应。但是,当资源加载时,用户可能无法执行页面上的某些功能,比如单击、选择或拖动元素。这个时候你可能会想到使用 Web workers帮助我们解决这个问题。
3 0
zookeeper技术分享
ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现。 ZooKeeper的目标就是封装好复杂易出错的关键服务,将简单易用的接口和性能高效、功能稳定的系统提供给用户。 ZooKeeper包含一个简单的原语集,提供Java和C的接口。 ZooKeeper代码版本中,提供了分布式独享锁、选举、队列的接口,代码在$zookeeper_home\src\recipes。其中分布锁和队列有Java和C两个版本,选举只有Java版本。
4 0
人人都能做游戏系列教程3(视频+图文版)
这是“人人都能做游戏”系列视频教程的第3节。这一节我将会带大家了熟悉一下将会使用的游戏制作工具,然后制作出第一个“你好,小游戏。”的事例,向小游戏开发世界问好。
6 0
+关注
夕阳白雪
前端开发工程师
133
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载