最近公司在用vue+elementUi +java开发项目,刚开始想到的当然是tomcat,然后就各种查Mac安装tomcat的教程,终于发现人家Mac自身是带了apache的,可以直接用来搭建本地web容器。于是开始了这个apache的启动和配置之路,呵呵哒。

1、先看一眼有没有Apache,有的话是什么版本(涂掉的是博主名字,不用在意,哈哈)

打开终端(windows用win+R,再键入cmd能调出来,在Mac上没有win,所以是找应用程序->使用工具->终端)
httpd -v #回车
这里写图片描述

2、启动apache

输入 : sudo apachectl start #回车
访问localhost,如果显示“It works!”表示Apache启动正常。
注意:Apache默认的web根目录在“/Library/WebServer/Documents/”下。进入finder,按住shift键+command键+G,前往根目录,就能看到localhost展示的index文件。
这里写图片描述
但是这个目录用起来是不方便的,一是权限问题,毕竟我们不想每做一次修改,都要带个sudo;二是Finder中打开不方便。所以需要修改web目录。

3、配置用户访问目录

1、首先创建用户目录:

输入:mkdir ~/Sites #回车
此时会在当前用户的根目录(/Users/username/)下创建一个Sites目录可以在Sites目录下创建一个测试的html,( 注意:这里即后边的username是当前用户名,请根据实际情况修改 )

2、修改当前用户目录的访问权限,修改方式:

打开终端
输入: cd /etc/apache2/users
输入: sudo vim username.conf
输入下边的代码。也可以找到文件夹用编辑器打开那个文件,粘贴这段,保存。没权限修改就复制出一份放桌面,改好再粘过去替换原文件即可。

<Directory "/Users/username/Sites/">
Options Indexes MultiViews
AllowOverride All     <!--原来是AllowOverride None-->
Order allow,deny
Allow from all
</Directory>

修改当前文件的访问权限:sudo chmod 775 username.conf #回车

3、修改apache的httpd.conf文件

注意:Apache的配置文件在“/etc/apache2/”下。进入finder,按住shift+command+G,前往该目录,就能看到配置文件httpd.conf。
这里写图片描述
改动1:web默认访问路径,指到自建的sites文件夹下
这里写图片描述
改动2:在这个文件里面找到以下信息,把前面的#去掉

      LoadModulephp5_module libexec/apache2/libphp5.so
      LoadModule authz_core_module libexec/apache2/mod_authz_core.so
      LoadModule authz_host_module libexec/apache2/mod_authz_host.so
      LoadModule userdir_module libexec/apache2/mod_userdir.so
      Include /private/etc/apache2/extra/httpd-userdir.conf

改动3:找到下图的内容
这里写图片描述
修改前
这里写图片描述
修改后

4、修改apache的httpd-userdir.conf文件

在这个文件下找到

Include /private/etc/apache2/users/*.conf。

把前面的#去掉

4、测试,完事

重启apache:sudo apachectl restart
访问:localhost, 显示测试建的html内容,恭喜你,Apache配置成功!
这里写图片描述

5、知识点总结

  1. 启动、关闭、重启 sudo apachectl start/stop/restart
  2. 当终端报错-找不到文件时,可能是因为你没有cd 到正确的路径下
  3. 当终端报错-没有权限时,命令前加sudo
  4. 在文件夹中没权限修改文件时,就复制出一份放桌面,改好再粘过去替换原文件即可。
  5. 不在乎先后顺序,都改了就行,大不了重来

…^^先写这些,貌似不太全,有些遇到的问题也想不起来了,后期补充

Logo

前往低代码交流专区

更多推荐