前期準備工作：

雲伺服器，開啟需要訪問的埠號

Ubuntu是一個以桌面應用為主的Linux作業系統；（注意系統的區別）

ubuntu安裝nginx

apt-get 和 apt 基本同理

# 切換至root使用者
sudo su root

apt-get install nginx

如果出現E: Unable to locate package nginx的情況，那麼先執行更新

apt-get update

apt-get install nginx

檢視nginx是否安裝成功

nginx -v

啟動nginx，重啟服務

service nginx start  // 啟動
service nginx restart // 重啟服務

相關操作：
快速停止或關閉Nginx：nginx -s stop

正常停止或關閉Nginx：nginx -s quit

配置檔案修改重灌載命令：nginx -s reload

啟動後，在網頁重輸入ip地址，即可看到nginx的歡迎頁面。至此nginx安裝成功。。。。

檢視nginx配置檔案

cat /etc/nginx/nginx.conf

預設資源目錄

cd /var/www/html

上傳dist.zip， 任何解壓移動進去就可以了

unzip dist.zip
mv dist/* /var/www/html 移動目錄下的所以檔案到指定工作目錄
cp -r dist/* /var/www/html 複製一個目錄下的所有檔案到指定工作目錄

重新整理頁面，就顯示你的vue頁面了。

頁面能正常顯示，這個時候頁面請求是404的，這個時候就需要nginx 的代理服務

安裝vim （如vim沒有的話）

apt-get install vim

開啟nginx配置檔案

vim /etc/nginx/nginx.conf

在http下面新增server

server {
  listen 80;    # 監聽訪問的埠
  server_name 9.148.143.172;     # 監聽訪問的域名/IP
  location / { 　　# 預設範圍資源路徑
    root   /var/www/html/;     # 訪問的靜態資源目錄
    try_files $uri $uri
 
/ /index.html;     # 預設資源
  }
  location /NewsServer {  # 代理訪問憑證
    proxy_pass http://9.139.135.44:8080/NewsServer;  # 代理訪問IP
  } 
}

儲存後，重啟nginx

service nginx restart // 重啟服務

重新整理頁面，前端部署完成。。。

vim基本操作命令

進入vim之後，是處於「命令列模式（command mode）」，要切換到「插入模式（Insert mode）」才能夠輸入文字。

按 i 進入編輯

「Ctrl+R」撤銷上一步「撤銷操作」

按ESC鍵跳到命令模式，然後：

• :w - 儲存檔案，不退出 vim。
• :w file -將修改另外儲存到 file 中，不退出 vim。
• :w! -強制儲存，不退出 vim 。
• :wq -儲存檔案，退出 vim。
• :wq! -強制儲存檔案，退出 vim。
• :q -不儲存檔案，退出 vim。
• :q! -不儲存檔案，強制退出 vim。
• :e! -放棄所有修改，從上次儲存檔案開始再編輯。

ubuntu命令，linux基本操作命令

cd - 返回上次所在的目錄

pwd 顯示工作路徑

ls 檢視目錄中的檔案
ls -l 顯示檔案和目錄的詳細資料
ls -a 顯示隱藏檔案

mkdir dir1 建立一個叫做 'dir1' 的目錄'
mkdir dir1 dir2 同時建立兩個目錄
mkdir -p /tmp/dir1/dir2 建立一個目錄樹

touch index.html 建立一個檔案

rm -f file1 刪除一個叫做 'file1' 的檔案'
rm -rf dir1 刪除一個叫做 'dir1' 的目錄並同時刪除其內容
rm -rf dir1 dir2 同時刪除兩個目錄及它們的內容

rmdir dir1 刪除一個叫做 'dir1' 的目錄' （空資料夾）

mv dir1 new_dir 重新命名 一個目錄或檔案
mv file1 .. 移動檔案 移動到上一級目錄
mv file1 /root/dir2 移動檔案 指定目錄
mv file1 file2 /root/dir2 移動多個檔案
mv -f file1 /root/dir2 覆蓋檔案移動
mv dir1/ /root/dir2 移動目錄
mv dri1/* /root/dir2 移動目錄下的所以檔案到指定工作目錄
#（注：mv等於剪貼）

cp file1 file2 複製一個檔案
cp dir/* . 複製一個目錄下的所有檔案到當前工作目錄
cp -r html/* /var/www/html 複製一個目錄下的所有檔案到指定工作目錄

沒有終點，沒有彼岸，堅持就好，願歲月如初