最近公司有新專案計畫做前後端分離部署，讓前端單獨部署在一台aws的ec2伺服器，記錄一下部署的過程，免得下次又得查閱資料~
aws ec2伺服器搭建nginx前端伺服器
nginx前端專案預設存放目錄：/usr/share/nginx/html,不想放這裡就在自定義的conf檔案修改專案路徑（這裡的檔案放的是專案打包後的檔案）
nginx.conf預設存放目錄：/etc/nginx
命令：1.編輯nginx.conf檔案，將預設的conf檔案修改為自定義的conf
--編輯nginx.conf sudo vi /etc/nginx/nginx.conf
--按i開始編輯
找到include /etc/nginx/conf.d/*.conf; //修改為自己自定義的conf配置檔案 include /etc/nginx/vhost/*.conf;
--按esc退出編輯模式，然後按:wq!儲存退出
2.自定義conf檔案 sudo vi /etc/nginx/vhost/***.conf
server {
listen 8080;
server_name localhost;
root /home/ec2-user;
location / {
try_files $uri @fallback;
location @fallback {
rewrite .* /index.html break;
# 配置轉接服務
3.檢視nginx版本
nginx -v
4.檢查配置檔案格式是否正確
sudo nginx -t -c /etc/nginx/nginx.conf
4.啟動nginx命令（注意命令前加上sudo以防許可權不夠）
切換到nginx啟動目錄 cd /usr/sbin
啟動 ./nginx
重啟：./nginx -s reload
關閉：nginx -s stop
檢查服務端服務是否啟動成功 ps -ef |grep nginx
中途遇到的問題：
1.用命令上傳專案太麻煩了？
解決：我這裡還是用的xftp，因為後端給的是pem以及使用者名稱/ip，不是使用者名稱密碼的方式，所以一開始還在想xftp還能不能用，最後嘗試發現好使，verry good!
1.nginx顯示已經啟動了，但就是訪問不了**？
解決：原來是aws裡還得設定一下80埠
2.**訪問報了403的錯誤？
解決：我這裡是因為專案所在資料夾許可權的問題，普通使用者沒有訪問這個資料夾的許可權，設定一下資料夾許可權，然後訪問成功
Nginx 部署Vue前端專案
npm run build構建成功後基本會在配置的dist檔案下生成靜態html檔案。把生成目錄dist裡的檔案打包上傳至伺服器 192.168.234.97 scp dist.zip root 192.168.234.97 opt www vue base輸入伺服器登入密碼。上傳到伺服器靜態位址 ...
使用nginx部署前端專案
當前環境 centos7 安裝相關依賴 yum install gcc c pcre perl compatible regular expressions 是乙個perl庫，包括 perl 相容的正規表示式庫。nginx 的 http 模組使用 pcre 來解析正規表示式，所以需要在 linux ...
nginx前端服務部署
登入跳板機 執行 list 列出所有機器 執行 dssh 機器序號 如 dssh 1 選擇機器 進入nginx配置目錄 cd usr local nginx conf vhosts 提公升許可權 sudosu 配置檔案以.conf結尾，若有其他預設配置檔案，可以修改該檔案字尾，讓預設配置檔案失效 內...