記得以前公司的代碼是跑在Nginx服務器上,並配置成自動化部署,但這些工做都是別人完成的,因此本身想順着這個思路研究下,本文主要記錄下本身學習的過程html
關於Nginx的介紹在中文手冊裏已經介紹的很清楚了:http://www.nginx.cn/doc/vue
網上查查資料好像都是在Linux上安裝nginx
那麼咱們在Windows下玩玩看git
1.下載npm
訪問官網:http://nginx.org/,點右側的download,選擇中間的穩定版本瀏覽器

2.安裝服務器
壓縮包體積很小,也沒有複雜的安裝程序,解壓後目錄爲svn

點擊下面的應用程序便可啓動,注意啓動只會閃一個窗口,並不會像Tomcat同樣打開個窗口,在瀏覽器地址欄輸入http:localhost 便能看到 歡迎頁面,學習

出現以上頁面說明成功了測試
3.配置
配置文件是放在conf目錄下,打開nginx.conf文件看下

這是默認配置,能夠看到端口是80,服務器名是localhost,映射地址是root(nginx的根目錄)下html目錄下的index頁面
接下來更改下配置,把端口改成8088,映射地址改成本身的頁面

更改以後要重啓服務,但並無重啓和關閉的程序,須要使用命令
打開doc命令窗口,進入nginx安裝目錄
nginx的命令很簡單,經常使用的以下:
start nginx : 啓動nginx
nginx -s reload :修改配置後從新加載生效
nginx -s reopen :從新打開日誌文件
nginx -t -c /path/to/nginx.conf 測試nginx配置文件是否正確
關閉nginx:
nginx -s stop :快速中止nginx
nginx -s quit :完整有序的中止nginx
咱們執行關閉再打開就能夠了
在瀏覽器輸入http:localhost:8088;就能夠訪問本身的頁面了
接下來研究下把vue項目運行在nginx上是否可行
個人思路是直接把連接地址映射到vue項目的dist目錄,這樣每次只要執行npm run build就能夠更新項目,但是居然報如下錯誤,
換成git管理的項目也同樣,若是把dist目錄複製出來就能正常訪問,難道nginx對svn或git管理的項目又訪問限制?網上都是要配置禁止訪問,這是怎麼回事呢
參考連接:
入門教程:https://www.cnblogs.com/crazylqy/p/6891929.html
中文文檔:http://www.nginx.cn/doc/
window下安裝nginx:https://blog.csdn.net/xqhys/article/details/68485186
https://www.cnblogs.com/saysmy/p/6609796.html