• 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地址
  • 相关阅读:
    洛谷P8813:乘方 ← CSP-J 2022 复赛第1题
    Java企业微信对接(二)微信端回调到企业端
    HashMap 源码解析
    A. The Party and Sweets
    deque(双端数组)——STL
    数据分析实战 | 逻辑回归——病例自动诊断分析
    【深度学习】CycleGAN开源项目学习笔记 | 完整流程 | 报错总结 | pytorch
    Rocky Linux 9安装后ssh不能登录
    linux使用shell采集内存、与cpu使用率
    $.ajaxSettings.async = false jquery同异步问题
  • 原文地址:https://blog.csdn.net/yyyyyyyyyyy_9/article/details/132982611