每日雞湯：每個(gè)你想要學(xué)習(xí)的瞬間都是未來的你向自己求救
非服務(wù)端渲染的項(xiàng)目，比如普通的vite + vue項(xiàng)目，我們?cè)诓渴鹕a(chǎn)環(huán)境的時(shí)候，只需要兩步
- ?運(yùn)行 npm run build? 然后得到了一個(gè) dist 文件夾
- 將這個(gè)dist文件夾部署到一個(gè)靜態(tài)服務(wù)器上
一般來說這樣就可以訪問這個(gè)項(xiàng)目了
但是服務(wù)端渲染的項(xiàng)目有所不同，因?yàn)闀?huì)需要在服務(wù)端運(yùn)行一些代碼，所以一個(gè)普通的靜態(tài)服務(wù)器滿足不了我們需求，我們需要在服務(wù)器端運(yùn)行自己的服務(wù)端代碼，所以 nuxt 項(xiàng)目是使用 npm run preview 這個(gè)命令運(yùn)行打包出來的文件。
在部署過程中還有一個(gè)問題剛開始不懂 ，就是build 和generate 命令有啥不同！來看一下官網(wǎng)文檔的描述
The?
build?command creates a?.output?directory with all your application, server and dependencies ready for production.build命令創(chuàng)建了一個(gè).output目錄，其中包含所有可用于生產(chǎn)的應(yīng)用程序、服務(wù)器和依賴項(xiàng)。
使用 npm run generate 打包出來的文件如下
build 命令會(huì)生成一個(gè)server、一個(gè)public 的文件夾，build完之后運(yùn)行npm run preview 你會(huì)發(fā)現(xiàn)在控制臺(tái)不會(huì)打印log，此時(shí)preveiw 的本質(zhì)是運(yùn)行了 這句命令 ，官方文檔
node .output/server/index.mjs
?
The?
generate?command pre-renders every route of your application and stores the result in plain HTML files that you can deploy on any static hosting services. The command triggers the?nuxi build?command with the?prerender?argument set to?true
generate命令預(yù)呈現(xiàn)應(yīng)用程序的每個(gè)路由，并將結(jié)果存儲(chǔ)在可以部署在任何靜態(tài)托管服務(wù)上的純HTML文件中。該命令觸發(fā)nuxi build命令，prerender參數(shù)設(shè)置為true
使用 npm run generate 打包出來的文件如下
generate命令只會(huì)生成一個(gè)public文件夾，generate?完之后運(yùn)行npm run preview 你會(huì)發(fā)現(xiàn)在控制臺(tái)每次刷新頁面就會(huì)打印出來很多日志，此時(shí)preview命令本質(zhì)是運(yùn)行了這句命令npx serve .output/public
?
?
在實(shí)際部署過程中，運(yùn)行 preview命令打印log, 會(huì)很占用資源，而且會(huì)導(dǎo)致服務(wù)重啟，出現(xiàn)502的情況，所以如果你的資源不夠用還是建議使用 build + preview 的方式部署
nuxt2 項(xiàng)目使用 npm run? generate + npm run? start 就不會(huì)有這些日志打印文章來源：http://www.zghlxwxcb.cn/news/detail-605678.html
nuxt3 官方文檔只寫了 preview命令，沒寫start, 但是其實(shí)start也可以用，他倆本質(zhì)是一樣的。至于運(yùn)行起來后的現(xiàn)象，取決于使用了build 還是generate文章來源地址http://www.zghlxwxcb.cn/news/detail-605678.html
到了這里，關(guān)于nuxt項(xiàng)目部署，npm run build 和npm run generate的區(qū)別的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
