Apache 是一種廣為使用的 Web 服務器,也可以用來部署 Vue 網站。在本文中,我將演示如何使用 Apache 部署 Vue。
首先,我們需要在服務器上安裝 Apache。可以使用以下命令在 Ubuntu 上安裝:
sudo apt-get update sudo apt-get install apache2
確認 Apache 安裝成功后,我們需要將 Vue 項目構建為生產版本。使用以下命令構建:
npm run build
上述命令將在項目根目錄下創建一個“dist”文件夾,其中包含生產版本的 Vue 代碼。
現在,我們需要將“dist”文件夾中的內容復制到 Apache 根目錄下。可以使用以下命令:
sudo cp -r dist/* /var/www/html/
以上命令將“dist”文件夾中的所有內容復制到“/var/www/html”目錄下。
現在,我們需要在 Apache 中啟用“mod_rewrite”來支持 Vue 路由。使用以下命令啟用:
sudo a2enmod rewrite
接下來,打開“/etc/apache2/sites-enabled/000-default.conf”文件,并在“VirtualHost”標簽內添加以下內容:
Options Indexes FollowSymLinks MultiViews AllowOverride All Order allow,deny allow from all
保存并關閉文件。現在,重啟 Apache 服務器以使更改生效:
sudo service apache2 restart
現在,您已經成功地部署了 Vue 應用程序。訪問服務器的 IP 地址或主機名,即可查看 Vue 網站。