如何部署vue.js專案nginx

這次帶給大家如何部署vue.js專案nginx，部署vue.js專案nginx的注意事項有哪些，以下就是實戰案例，一起來看一下。

nginx是一個高效能的HTTP和反向代理伺服器。因此常用來做靜態資源伺服器和後端的反向代理伺服器。本文主要記錄使用nginx去部署使用vue搭建的前端項目，專案基於vue官方的鷹架vue-cli建置。

開發環境建置完成。

二、編譯部署

1、專案路徑下demo輸入指令npm run build

編譯完成後會發現在demo資料夾下多出一個dist資料夾這裡面就是編譯好的檔案了。

2、網路下載nginx,下載網址http://nginx.org/en/download.html，解壓縮下載的nginx檔。

3、設定部署，編輯nginx/conf 下的nginx.conf，修改如下

[/code][

4、啟動nginx 。指令視窗cd進入nginx安裝目錄，輸入start nginx啟動nginx。

然後透過瀏覽器存取http://127.0.0.1:8088/造訪或http://網域：8088/造訪

5、nginx停止指令： nginx -s quit

    nginx重啟指令：nginx -s reload

##相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

如何使用js css實作打字效果

#怎麼在Vue中使用Sortable

#

以上是如何部署vue.js專案nginx的詳細內容。更多資訊請關注PHP中文網其他相關文章！