做英文網(wǎng)站用目錄還是子域名找做網(wǎng)站的公司
常見部署方式有:靜態(tài)托管服務(wù)、服務(wù)器部署
1. 靜態(tài)托管服務(wù)
使用平臺部署代碼,比如 GitHub。
| 創(chuàng)建一個倉庫,倉庫名一般是 yourGithubName.github.io。
| 將打包后的靜態(tài)文件文件上傳到倉庫。
| 在“Settings”(選項)選項卡中,找到“Pages”(頁面)部分。
| 選擇要部署的分支(通常是 main 分支)。
| 點擊“Save”(保存)。
| GitHub 完成部署后,會在“Pages”部分顯示部署成功的鏈接,您可以通過該鏈接訪問您的靜態(tài)網(wǎng)站。
?
2. 服務(wù)器部署
購買服務(wù)器,選擇 Linux 服務(wù)器,操作系統(tǒng)選擇 CentOS,安裝 Nginx,配置服務(wù)器指向項目的靜態(tài)文件目錄。將前端打包文件上傳到指定目錄。配置 Nginx。Nginx 的配置文件通常位于 /etc/nginx/sites-available/ 目錄下。創(chuàng)建一個新的配置文件,例如 your_domain.conf。配置如下:
server {listen 80; ?# 監(jiān)聽 80 端口,您也可以根據(jù)需求修改為其他端口server_name your_domain.com; ?# 替換為您的域名root /path/to/your/frontend/files; ?# 替換為前端項目文件的實際路徑location / {try_files $uri $uri/ /index.html; ?# 確保任何請求都能正確加載到 index.html}}
啟用配置:創(chuàng)建一個符號鏈接將配置文件從 sites-available 目錄鏈接到 sites-enabled 目錄:
sudo ln -s /etc/nginx/sites-available/your_domain.conf /etc/nginx/sites-enabled/
檢查配置:使用以下命令檢查配置是否正確:
sudo nginx -t
重新加載 Nginx 使配置生效:
sudo systemctl reload nginx
例如,如果您的前端項目文件位于 /var/www/your_project ,域名是 example.com ,配置文件可能如下:
server {listen 80;server_name example.com;root /var/www/your_project;location / {try_files $uri $uri/ /index.html;}}
在 Nginx 中部署兩個前端項目。打開 Nginx 的配置文件,通常位于 /etc/nginx/nginx.conf 或 /etc/nginx/sites-available/default。添加兩個 server 塊來分別配置兩個項目。
server {listen 8080; ?# 第一個項目監(jiān)聽 8080 端口server_name project1.example.com; ?# 項目 1 的域名root /path/to/project1; ?# 項目 1 的根目錄index index.html; ?# 項目 1 的默認(rèn)索引文件location / {try_files $uri $uri/ /index.html;}}server {listen 8081; ?# 第二個項目監(jiān)聽 8081 端口server_name project2.example.com; ?# 項目 2 的域名root /path/to/project2; ?# 項目 2 的根目錄index index.html; ?# 項目 2 的默認(rèn)索引文件location / {try_files $uri $uri/ /index.html;}}