nuxt 部署方式

  1. nuxt generate 静态化 (预渲染) 用于静态站点的部署 没有什么要说的
  2. nuxt start 服务端渲染(通过SSR)

本地运行

npm run build 得到.nuxt

需要到服务器的文件

1
2
3
4
.nuxt
package.json
nuxt.config.js
static

服务器安装依赖

npm install -production

服务器启动服务 默认 3000 端口

npm run start

使用 pm2 启动服务在服务端执行

1
pm2 start npm --name nuxt-demo -- start

nginx 配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
server {
listen 80;
server_name afacode.top www.afacode.top; # 域名

location / {
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
proxy_set_header X-Nginx-Proxy true;
proxy_cache_bypass $http_upgrade;
proxy_pass http://127.0.0.1:3000; # 反向代理到启动的服务
}
}

nginx 重启

1
2
nginx -t
service nginx reload

完了

广告

阿里云活动云服务器低至
1核-2G-1M,1年89元,3年229。
2核-4G-3M,2年469元,3年799。
2核-8G-5M,3年899元。
新老客户都有优惠 点击查看详情/购买
腾讯云现在活动
1核 2G 1M 88一年
2核 4G 5M 3年只要998。 点击查看详情/购买