当前位置：首页 > article >正文

ubuntu下apache服务器安装

article 2025/3/15 16:07:43

一、简介

Apache HTTP Server（通常简称为Apache）是一个开源的、跨平台的Web服务器软件，由Apache软件基金会开发和维护。它是全球使用最广泛的Web服务器之一，支持多种操作系统，如Linux、Windows、macOS等。
如果你的Vue项目需要与后端API服务（如Node.js、Django、Spring Boot等）集成，Apache可以作为反向代理服务器，将前端请求转发到后端服务。

二、安装

sudo apt install apache2

在这里插入图片描述

修改监听端口
在这里插入图片描述
禁用默认的配置项目文件
vim /etc/apache2/sites-enabled/000-default.conf

<VirtualHost *:8083>
    ServerName 140.207.xxx.xxx
    DocumentRoot /var/www/rlyzc
    <Directory /var/www/rlyzc>
        Options FollowSymlinks
        AllowOverride None
        Require all granted
    </Directory>
</VirtualHost>

<VirtualHost :8083>
定义了一个虚拟主机，监听所有IP地址（）的 8083 端口。

ServerName 140.207.xxx.xxx
指定虚拟主机的主机名或IP地址。这里使用的是IP地址 140.207.xxx。

DocumentRoot /var/www/rlyzc
指定网站的根目录为 /var/www/rlyzc，即网站文件存放的位置。

<Directory /var/www/rlyzc>
对 /var/www/rlyzc 目录进行访问控制配置。

Options FollowSymlinks
允许Apache跟随符号链接（软链接），但仅限于此目录。

AllowOverride None
禁止使用 .htaccess 文件覆盖当前配置。这样可以提高性能，因为Apache不需要在每个请求中检查 .htaccess 文件。

Require all granted
允许所有用户访问该目录。

三、vue项目部署到apache

将相应vue的dist文件放在 /var/www/ 文件夹下
在这里插入图片描述

sudo chown -R www-data:www-data /var/www/rlyzc # 设置apache用户权限访问
sudo chmod -R 755 /var/www/rlyzc
sudo a2ensite xxx.conf # 启动虚拟主机的
sudo service apache2 reload # 重新加载apache服务器
tail -10 /var/log/httpd/access_log # 错误时查看日志的
后来直接使用
cd /var/www/rlyzc/
sudo rm -rf *
sudo mv /data/huyuqiang/dist/* /var/www/rlyzc/

前端vue项目打包成dist文件然后部署到apache服务器上，并且可以用浏览器访问ip:端口号（如上），但是这个网页目前只有前端功能。前端里面给后端的端口号8081发送get或者post请求，后端响应，然后完成前后端的交互。
在这里插入图片描述
后端监听8081端口获得的信息