1. 程式人生 > >npm run build之後生成的dist如何扔到伺服器執行(npm run build之後如何本地執行)

npm run build之後生成的dist如何扔到伺服器執行(npm run build之後如何本地執行)

執行npm run build之後,會生成一個dist資料夾,裡面的目錄結構大概是這樣的:

生成完的檔案我們怎麼來執行呢?直接在本地開啟inde.html是無法執行的,打包的時候有提示:

構建檔案應該通過HTTP伺服器提供服務。

所以我們要啟動一個HTTP伺服器才能夠執行。選擇一個HTTP伺服器,下面用Apache Tomcat和Nginx為例,分別執行一下。

一、部署在IIS中

1:開啟iis,新增新網站(選擇路徑檔案為dist本地檔案目錄,ip跟埠預設就行,不用設定)

2:新增完之後配置hosts檔案

3:hosts檔案配置地址為剛剛新增新網站的地址

4:配置完之後再瀏覽器中直接輸入網址即可訪問