記錄一下nginx部署vue前端項目：
一、安裝mobaxterm工具
mobaxterm是一個登陸服務器的工具，可以執行linux命令，長這樣：
二、登陸你要部署項目的服務器
點擊session------ssh----輸入ip和用戶名（root）,如下圖：
三、登陸之后，你看到的界面如下圖：
四、下面開始安裝nginx
注意：安裝nginx最好在自己新建的文件夾下，如
進入：cd /usr/local
local下新建文件夾nginx ：mkdir nginx（文件夾名）
進入 nginx目錄中：cd nginx
第一步：下載nginx壓縮包 wget -c https://nginx.org/download/nginx-1.10.1.tar.gz
第二步：配置nginx安裝所需的環境
1. 安裝gcc
安裝 nginx 需要先將官網下載的源碼進行編譯，編譯依賴 gcc 環境。安裝指令：yum install gcc-c++
2. 安裝PCRE pcre-devel
Nginx的Rewrite模塊和HTTP核心模塊會使用到PCRE正則表達式語法。這里需要安裝兩個安裝包pcre和pcre-devel。第一個安裝包提供編譯版本的庫，而第二個提供開發階段的頭文件和編譯項目的源代碼。安裝指令：yum install -y pcre pcre-devel
3.安裝zlib
zlib庫提供了開發人員的壓縮算法，在Nginx的各種模塊中需要使用gzip壓縮。安裝指令：yum install -y zlib zlib-devel
4.安裝Open SSL
nginx不僅支持 http協議，還支持 https（即在 ssl 協議上傳輸 http），如果使用了 https，需要安裝 OpenSSL 庫。安裝指令如下：yum install -y openssl openssl-devel
第三步：解壓nginx壓縮包並安裝：tar -zxvf nginx-1.10.1.tar.gz
解壓之后，進入加壓文件，即cd nginx-1.10.1。
然后進行配置，推薦使用默認配置，直接./configure就好了，如下圖所示：
make
make install
第四步：找到nginx安裝的時候的目錄
cd /usr/local/nginx/html
pwd 查看路徑並復制（后面會用到）
五、配置vue項目
配置vue.config.js，如下圖：
六。打包vue項目
npm run build生成dist文件夾
七、回到mobaxterm,上傳打包好的dist文件
點擊session-----SPTF，如圖
繼續，見下圖，刪除右邊默認的2個html文件，將dist文件夾中的文件手動拖進去
八、修改nginx的配置文件
找到nginx的配置文件 cd /usr/local/nginx/conf/
ll 查看文件目錄
編輯nginx配置文件 vi nginx.conf
使文件處於可以被編輯的狀態 ： i
如下圖：
保存后退出：Esc---------:wq退出
九、啟動nginx
進入 /usr/local/nginx/sbin目錄
啟動nginx ./nginx
十、訪問項目
地址欄ip:服務器ip,端口：nginx文件配置的端口
如下圖
參考鏈接：https://blog.csdn.net/qq_42815754/article/details/82980326
Nginx實現前端訪問后端本地接口：https://www.cnblogs.com/xinxinmifan/p/9756252.html