Vue項目的部署

經過vue-cli建立的工程，默認已經打好了基礎，包含vue-loader webpack。

 

一般咱們開發中，使用npm run dev進行開發，webpack會Hot reload,不用咱們手動刷新瀏覽器，非常方便。

 

可是真正部署的時候，須要使用npm run build命令。

這一步命令會壓縮代碼，打指紋等等。

 

能夠看到dist目錄下是這樣的目錄結構

原來的static目錄內的文件，會原樣不動上傳到dist的static目錄下。

/index.html

/static

----/img

----/js

-------/app.83992983.js

-------/vendor.dklajdkfjwer.js

------/ 更多

---/更多文件省略

 

生產環境下，生成的dist目錄下的文件，上傳到服務器的www目錄下面就能夠了。

 

放到apache或者nginx下面均可以，或者node服務器均可以。若是是node，須要使用nginx代理node的端，也就是配置Location啦，不懂得前端同窗能夠問問後臺。