nuxtjs服务器部署

nuxtjs 服务器部署步骤:

一、生成服务器部署包
nuxt build
二、上传生成的部署包到服务器
.nuxt
static
nuxt.config.js
package.json

注意:除了nuxt自动生成的目录,自己新建的目录也要上传(笔者就是自己新建了一个 utils 目录没有上传,结果一直报错)。

以下是笔者项目结构

image-20201204002345648

以下是笔者上传到服务器的内容列表:

image-20201204002528077

.nuxt 		这是执行 nuxt build 生成的,需要手动上传到服务器
node_modules 	是执行 yarn 命令生成的,不是手动上传的哦
static 		这个是项目结构中的static文件夹,手动上传
utils 		是自己额外新建的目录,如果新建的其他的目录,也要手动上传一下
nuxt.config.js 	这个文件是用于配置启动服务器的,例如:代理、端口这些,这也是需要自己上传
package.json    是用于下载依赖包的,这里面还有启动项目的脚本,也是必须手动上传
pm2.json	pm2后台启动配置文件,这个名字随便起,使用pm2部署项目时需要,不用的话就不需要
三、安装依赖
yarn install

上传文件时我们没上传node_modules文件夹,执行这个命令后就会自动生成,服务器在执行服务渲染的时候会调用node_modules中的模块。

四、启动项目
yarn start

如下效果表示成功!

image-20201204003638634

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章