一、nginx 介紹

1、什么是Nginx?

Nginx 是一個(gè)很強(qiáng)大的高性能Web和反向代理服務(wù)

其特點(diǎn)是占有內(nèi)存少，并發(fā)能力強(qiáng)，事實(shí)上nginx的并發(fā)能力在同類(lèi)型的網(wǎng)頁(yè)服務(wù)器中表現(xiàn)較好，中國(guó)大陸使用nginx網(wǎng)站用戶(hù)有：百度、京東、新浪、網(wǎng)易、騰訊、淘寶等

2、Nginx的作用

負(fù)載均衡、靜態(tài)服務(wù)器、正反向的代理

3、下載

網(wǎng)址：http://nginx.org/en/download.html

Mainline所有功能都全的版本（推薦）
Stable version穩(wěn)定版
Legacy versions老版本

4、查看是否成功

localhost 默認(rèn)80端口

歡迎界面成功

5、部署

build完以后 ， dist文件內(nèi)容 放到http里面，即可

6、基本指令

cmd 下到nginx路徑

查看版本：nginx.exe -V?
啟動(dòng)：start nginx
查看啟動(dòng)log：tasklist /fi "imagename eq nginx.exe"
快速關(guān)閉：nginx.exe -s stop
有序關(guān)閉：nginx.exe -s quit
查看關(guān)閉log：taskkill /f /t /im nginx.exe
重啟：nginx.exe -s reload
檢測(cè)端口是否被占用：netstat -ano | findstr "80"
靜態(tài)資源存放： static -> location/下

7. 高階使用

nginx中需要配置多個(gè)server?：http://bugshouji.com/bbs-read-run?tid=1241

二、vue 項(xiàng)目部署流程
超詳細(xì)步驟：

請(qǐng)查看如下鏈接： http://bugshouji.com/bbs-read-run?tid=1523

三、部署常見(jiàn)問(wèn)題

1. 使用history模式，頁(yè)面顯示空白
? 解決方法：將dist文件夾的內(nèi)容，放到nginx服務(wù)器運(yùn)行即可

2. vue 打包成dist后，代理跨域設(shè)置失效
?解決方法：使用nginx服務(wù)器運(yùn)行，并在nginx服務(wù)器的配置文件中，進(jìn)行代碼配置
?配置代碼如下：

注：1. /api ?變成 ?/api/
2.?proxy_pass 設(shè)置的地址后面,一定要加?/ 與分號(hào)


3. 解決子組件頁(yè)新刷新顯示404的問(wèn)題，
? ? 配置代碼如下：