• ubuntu:在ubuntu系统上使用apache2服务器部署多个vue项目


    Ubuntu系统上使用Apache2服务器部署多个Vue.js项目,你可以按照以下步骤进行操作:

    1. 安装 Apache2

    如果你的系统上还没有安装Apache2,可以使用以下命令安装:

    sudo apt update
    sudo apt install apache2
    
    • 1
    • 2

    2. 配置虚拟主机

    要部署多个Vue.js项目,最好为每个项目配置一个单独的虚拟主机。这样,每个项目可以具有独立的域名或子域名,并且可以分别配置。

    首先,创建一个虚拟主机配置文件。假设你有两个项目,分别是"project1"和"project2",你可以执行以下命令:

    sudo nano /etc/apache2/sites-available/project1.conf
    
    • 1

    然后,在编辑器中添加以下配置(将域名和文件路径替换为实际值):

    <VirtualHost *:80>
        ServerAdmin webmaster@project1.com
        ServerName project1.com
    
        DocumentRoot /var/www/project1/dist   # 项目1的Vue.js打包后的目录路径
    
        <Directory /var/www/project1/dist>
            Options Indexes FollowSymLinks
            AllowOverride All
            Require all granted
        </Directory>
    
        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined
    </VirtualHost>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

    保存并关闭文件。然后创建第二个项目的虚拟主机配置文件:

    sudo nano /etc/apache2/sites-available/project2.conf
    
    • 1

    然后添加以下类似的配置:

     
    <VirtualHost *:80>
        ServerAdmin webmaster@project2.com
        ServerName project2.com
    
        DocumentRoot /var/www/project2/dist   # 项目2的Vue.js打包后的目录路径
    
        <Directory /var/www/project2/dist>
            Options Indexes FollowSymLinks
            AllowOverride All
            Require all granted
        </Directory>
    
        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined
    </VirtualHost>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

    保存并关闭文件。

    3. 启用虚拟主机

    接下来,启用这两个虚拟主机配置文件:

     
    sudo a2ensite project1.conf
    sudo a2ensite project2.conf
    
    • 1
    • 2
    • 3

    4. 重启 Apache2 服务器

    sudo systemctl restart apache2
    
    • 1

    5. 设置域名解析

    确保你的域名已经解析到你的服务器IP地址。你可以在DNS管理面板上配置域名解析,或者在本地 /etc/hosts 文件中添加条目来模拟域名解析,如:

    sudo nano /etc/hosts
    
    • 1

    在文件中添加以下行:

    127.0.0.1 project1.com
    127.0.0.1 project2.com
    
    • 1
    • 2

    保存并关闭文件。

    6. 部署 Vue.js 项目

    将每个Vue.js项目的打包文件(通常在dist目录下)上传到相应的目录(上面配置的DocumentRoot路径)。

    7. 测试

    现在,你可以在浏览器中访问 http://project1.com 和 http://project2.com 来查看你的Vue.js项目是否成功部署。

    这些步骤可以帮助你在Ubuntu系统上使用Apache2服务器部署多个Vue.js项目。每个项目都有自己独立的虚拟主机配置,以确保它们在同一服务器上能够独立运行。


    8.备注

    • 如果没有域名,ServerName 可以换成 your_server_ip # 使用服务器的IP地址
  • 相关阅读:
    JAVA毕业设计开放式教学评价管理系统计算机源码+lw文档+系统+调试部署+数据库
    golang/云原生/Docker/DevOps/K8S/持续 集成/分布式/etcd 教程
    Java项目房屋租赁系统(java+SSM+Layui+JSP+mysql)
    向毕业妥协系列之深度学习笔记(三)DL的实用层面(上)
    资源有限的大型语言模型的全参数微调
    反转单向链表
    用遗传算法求解多旅行推销员问题的新方法
    一文教你用AnimeGANv2将你女朋友的照片变成动漫人物照
    MediaCodec_Analyze-1-create
    目标检测YOLO数据集的三种格式及转换
  • 原文地址:https://blog.csdn.net/yyyyyyyyyyy_9/article/details/132982611