nuxt是一款基于vue的服務端渲染框架，語法和vue基本保持一致，不過生命周期與vue不同，部署方式也和vue大相徑庭，vue項目部署是spa的靜態頁面，只需build出來靜態頁面，但是nuxt是需要在服務端部署node服務，通過訪問node服務，node服務會將項目在服務器渲染完成再將數據返回，這樣返回的數據是一個完整的頁面，利于seo。

而vue項目返回客戶端時不是一個完整的頁面而是一個完整的項目，所有的dom元素均是通過js腳本添加到頁面中，而爬蟲是無法爬取這樣的頁面的，自然也無法做相關的seo優化。

nuxt的優勢就是既保持的前后端分離的優點點，又滿足了有seo優化需求的項目。

一 生產環境打包

當我們要部署nuxt項目的時候需要先通過

npm run build復制代碼

打包生成生產環境部署文件，但是這個打包只會生成一個 .nuxt 文件夾，這個 .nuxt文件夾是在執行

npm run dev復制代碼

也就是開發環境的時候也會生成的一個文件夾，所以打包后的結果就是emmm....? 目錄不會有任何變化，不會像vue那樣會會生成一個 dist 文件夾。可以通過控制臺信息來了解打包信息。

二 復制文件

打包完成后需要將以下四個文件夾復制到服務器相關目錄下

.nuxt / static / package.json / nuxt.config.js復制代碼

這四個文件是服務端渲染的必須文件，缺一不可，另外nuxt項目部署的時候是通過node服務來完成對客戶端請求的監聽，所以部署時候的目錄路徑沒有什么太大的關系，不過有可能需要配合nginx來使用，所以一般都是放在nginx下的相關目錄。

而nginx使用與否取決于項目服務器，通常如果一個服務器上既有nuxt項目也有其他項目的時候就需要nginx來做路徑轉發，因為nuxt項目部署的時候一般情況下只能通過根路徑訪問，如果需要通過二級路徑訪問那需要在項目中做特殊配置。

三 安裝依賴

將文件復制到服務器后，需要執行

npm install復制代碼

來安裝項目依賴，這一步是需要服務器有node環境支持的，而安裝node的時候注意需要安裝node正式版，不要安裝node最新版。

四 啟用服務

安裝完依賴后就可以通過以下命令來啟用服務了

npm? start復制代碼

啟用服務后就可以通過相關ip和端口來訪問你的項目了。也可以通過PM2來啟動后臺駐守，這種方式適合手動部署，如果是通過gitlab-ci做自動化部署的話用npm start 就可以了

五 注意點

1.如果啟用不了服務，有可能是啟用ip的問題，nuxt默認啟用的是127.0.0.1這個ip在本地沒問題，但是在服務器上有可能就不太靈了，可以把ip換成0.0.0.0，這個ip會自動啟用服務器真實ip。

2.如果安裝不了依賴，有可能是node版本問題，可以在服務器上通過node版本管理工具來切換node版本試試。

3.這樣部署的服務只能通過根域名來訪問，既類似于127.0.0.1 類似于這樣的訪問路徑，如果服務器根路徑被占用的話就需要部署在二級路徑，類似于 127.0.0.1/web/ 這樣的訪問方式，如果需要這樣訪問的話就需要在項目中配置baseurl

www.gxshuke.com這個是通過nuxt 方式部署的官網，點擊可以查看詳情

總結

以上是生活随笔為你收集整理的nuxt服务端php,nuxt服务端部署指南的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。