1.创建自己的项目,详情见
2.官网服务端渲染部署流程,详情见
部署 Nuxt.js 服务端渲染的应用不能直接使用 nuxt 命令,而应该先进行编译构建,然后再启动 Nuxt 服务,可通过以下两个命令来完成:
1 | nuxt build |
推荐的 package.json
配置如下:
1 | { |
提示: 建议将 .nuxt
加入 .npmignore
和 .gitignore
文件中。
官网的介绍很简单,看的一脸懵逼,因为他并不像vue单页项目一样打包生成一个dist文件放到服务器就行,我们要将其打包,在服务器上创建一个项目文件夹取名nuxt
(这个是任意的),然后把下面四个文件或文件夹放到里面。1
2
3
4.nuxt
static
nuxt.config.js
package.json
cd到该文件夹之后执行1
pm2 start npm --name "my-nuxt" -- run start
在这一步中我遇到了奇怪的报错,是因为\.nuxt\dist\server
文件下没有内容,然后又重新将上述四个文件或文件夹上传到nuxt
文件夹,之后就成功了。
网上的文章也有说执行下面命令的,例如思否的这篇文章,很多文章都是参考了这篇,包括我。1
pm2 start npm --name "my-next" -- run build
我想这个run build
应该是将项目的所有文件放入服务器上,然后再去执行这个命令,而不是上面的四个文件或文件夹。