Nuxt "generate"和"build"打包方式的區別


1、文件的區別

generate
  1-1:使用generate打包后每個對應的頁面都會生成一個html,你在打包的時候不能關閉后台,他會請求后台數據生成首屏的數據
  1-2:這樣打包有一個弊端,當你首屏的數據發生更改的時候,對不起,他還是顯示的是之前的數據,要想改變的話,需要重新打包發布才行。
  1-3:所以,如果你的首屏是動態的就不建議使用這種打包方式了。
  1-4:有人看到每個頁面都生成了HTML頁面,以為不再請求后台(我最開始就是這樣認為的),實際上不是的,他的首屏數據之前渲染好了,但是其它數據還是從后台獲取,比如翻頁,第二頁數據是從新請求后台的,你再次返回第一頁也是再次請求的。

 

build
  1-1:build打包生成的是動態頁面,當然是同樣具有SEO功能。

2、發布的區別

generate
  使用generate打包和之前使用vue打包一樣,生成一個dist文件夾,然后各種發布操作和vue一樣的


build

1、需要在服務器安裝node

2、本地運行npm run build打包,然后把以下 紅圈文件 單獨拎出:上傳到服務器。

黃色是因為自己項目需要故也取出。

 

 

上傳好后,運行 npm install 安裝依賴
最后運行 npm run start 啟動項目

 

如果在打包過程中報錯,看清報錯信息,很有可能是node和npm版本問題,升級最新穩定版本就好。
 

全文:https://www.jianshu.com/p/2b1510e92a46


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM