Nginx - 前端部署篇

---

Nginx 實踐應用

nginx 是啥，我就不介紹了，第一次接觸實在 2 年前第一次部署前端項目，最近有小徒弟說部署不太清楚，我就簡單記錄下我所掌握的有關 nginx 的知識點，僅限於部署...想要看負載均衡，反向代理什麼的，平時用到的少，這裏就很少說了，就是簡單的配置項

平時部署也不能老是麻煩人家後端，實施...

「適合人羣：小白 沒有部署過項目的」

「觀看時間：20min」

「說明：此文章僅限 nginx 部署」

部署的流程

流程

打包 => 下載 nginx => 配置 nginx => 啓動 nginx

注意事項

• 修改了 nginx 配置文件須要重啓 nginx,修改部署文件不須要重啓;
• 通常服務器限制端口，配置項的端口須要運維大佬幫忙開端口
• windows linux 安裝方式不同，配置項大同小異，有運維大佬會的話，最好交給運維大佬吧

windows 安裝/啓動

1. 前往 nginx官網下載最新穩定版的壓縮包，放到咱們要部署的服務器便可
2. 雙擊解壓後的 nginx.exe 即啓動
3. 重啓，打開任務管理器，會看到有兩個 nginx 進程，分別結束再啓動就好了,有命令也能夠重啓，懶得記

linux 安裝

我很討厭裝 linux 的 nginx,自行安裝吧，有運維大佬的話，打包成 docker 很舒服，沒有的話本身苦逼嘗試吧，下面給兩個版本的

Centos6.5 下安裝 Nginx

centos7.x 安裝 Nginx（無網絡）

配置項

關於配置項咱們不須要每一項都瞭解，基礎的服務配置掌握便可,配置項在 nginx-1.18.0\conf\nginx.conf

http {
 # 開啓gzip壓縮  # gzip on;   server {  # 服務器端口  listen 80;  # 服務器地址  server_name 192.168.1.16;   location / {  # 服務默認訪問地址 用絕對路徑  root D:/routine/Project/;  # 服務默認訪問頁面  index index.html index.htm;  }   } } 複製代碼

若是須要配置多個端口，複製 server 配置便可

快速啓動一個本地服務查看打包後的效果（和nginx無關）

使用 http-server 能夠快速啓動一個本地服務

1. 安裝 http-server,全局安裝一次，後面就不用安裝了

npm i -g http-server
複製代碼

2. 進入對應打包完成的目錄執行 http-server 即啓動

http-server
複製代碼

啓動成功後有對應的地址，訪問就好了

最後

以上就是部署項目須要掌握的一些 nginx 安裝與配置，但願可以幫助你

本文使用 mdnice 排版