1. 程式人生 > >npm run build 打包後,如何執行在本地檢視效果(Nginx服務)

npm run build 打包後,如何執行在本地檢視效果(Nginx服務)

        這段時間,有點時間,研究了一下vue 打包的很慢的問題。但是當我 npm run build 打包後,在本地檢視效果的時候,活生生被我老大鄙視了,因為我打開了XAMPP。他說:你怎麼不用Nginx啊?用這個一堆的路徑問題!!!!!!

然後我就去研究了Nginx 。。。我原諒我老大了。

一.初識nginx

Nginx是一款輕量級的Web 伺服器/反向代理伺服器及電子郵件(IMAP/POP3)代理伺服器,並在一個BSD-like 協議下發行。其特點是佔有記憶體少,併發能力強,事實上nginx的併發能力確實在同類型的網頁伺服器中表現較好,中國大陸使用nginx網站使用者有:百度、京東、新浪、網易、騰訊、淘寶等



二.nginx下載

官方網址:http://nginx.org/en/download.html

下載完成以後,得到nginx壓縮包; 

三、nginx啟動

注意不要直接雙擊nginx.exe,這樣會導致很多問題。

我們使用命令列工具進行nginx的啟動、停止和重啟工作。

使用Win+R快捷鍵開啟命令列視窗,並切換到nginx.exe所在的目錄,我們使用start nginx命令來啟動nginx。

我們使用nginx -s stop來快速停止nginx,使用nginx -s quit 完整的停止nginx。

四、執行預覽

在執行cnpm run build命令之前,不需要改任何東西,就和cnpm run dev 一樣的單純。

 

難道不需要改配置嗎?不需要!!!!但是我們還是來看看Nginx的conf目錄下的nginx.conf檔案

 

 

怎麼檢視效果呢?http://localhost:8089,回車就可以啦!比XAMPP方便好用太多了。什麼配置都不需要!!!