1、服务器安装node
因为最后要靠 node 才能启动
2、安装pm2
pm2是nodejs的一个带有负载均衡功能的应用进程管理器的模块
npm install -g pm2
可能需要建立软连接
ln -s 你的nodejs的目录一般情况下/bin/pm2 /usr/local/bin
建议把 nodejs 目录下的bin目录直接添加到环境变量,更方便
3、部署
npm run build
打包,然后把.nuxt
、static
、nuxt.config.js
、package.json
、package-lock.json
上传到服务器最后服务器项目目录里面就是这几个文件 .nuxt
static
nuxt.config.js
package.json
package-lock.json
上传好后,运行npm install
安装依赖(建议npm install --unsafe-perm=true --allow-root
)
最后运行npm run start
启动项目
node_modules
、.idea
之类的除外,接着依次运行:npm install
npm run build
npm run start
如果有node-sass模块,安装过程可能会报错,运行npm install node-sass --unsafe-perm --save-dev
来单独安装这个模块就好了。建议直接npm install --unsafe-perm=true --allow-root
刚才已经安装了pm2,在项目上传后,进入项目目录,用pm2
执行运行命令
pm2 start npm --name "nuxt" -- run start
pm2 start npm --name "nuxt" -- run start
表示在项目目录执行npm run start
,
但是 pm2 的写法就是pm2 start npm --name "nuxt" -- run start
中间要有--
然后--name "nuxt"
表示pm2
给这个项目起个名称
pm2还有很多命令,常用的
pm2 list
// 查看任务列表 pm2 stop app_name|app_id
// 停止指定name或者id的任务 pm2 stop all
// 停止所有任务 pm2 delete app_name|app_id
// 删除指定name或者id的任务 pm2 delete all
// 删除所有任务 pm2 logs
// 查看日志 pm2 kill
// 杀死pm2进程
Nginx配置
#t-backend是自定义后台的名字,下面会用到这个。
# 这里的【127.0.0.1:9002】是后台接口地址
# upstream test-backend {
# server 127.0.0.1:9002;
# }
# nuxt项目监听
upstream nodenext {
server 127.0.0.1:9000; #next项目 监听端口
keepalive 64;
}
## test-peoject虚拟服务器配置
server {
## 监听端口
listen 80;
## 服务名称
server_name xxxx.com; # 域名或者IP
# 文件访问控制
autoindex on;
autoindex_exact_size off;
autoindex_localtime on;
## 字符集编码
charset utf-8;
## 访问日志
# access_log logs/test-peoject.access.log main;
## 错误日志
# error_log logs/test-peoject.error.log main;
# 客户端请求体最大值
client_max_body_size 500m;
# 黑名单配置
# deny 192.53.163.212;
gzip on;
gzip_types application/javascript text/css image/jpeg image/png;
## 原型图
location /work {
root /root/resources/;
}
# 文件服务器
location /little-monsters-file {
root /N-cbcwm/;
}
# api请求
location /api {
proxy_pass http://127.0.0.1:8082;
add_header Access-Control-Allow-Methods *;
add_header Access-Control-Max-Age 3600;
add_header Access-Control-Allow-Credentials true;
add_header Access-Control-Allow-Origin $http_origin;
add_header Access-Control-Allow-Headers $http_access_control_request_headers;
# 如果是请求类型是 OPTIONS 就直接返回 200
if ($request_method = OPTIONS ) {
return 200;
}
}
# 访问nuxt项目 bbsgo-view
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://nodenext; #反向代理
gzip on;
gzip_types application/javascript text/css image/jpeg image/png;
}
## 代理前端图片,缓存时间长一点
# location ~ ^(/static/).+\.(jpg|jpeg|gif|png)$ {
# access_log off;
# root html/test-project;
# expires 15d;
# }
## 通过客户端请求头信息
proxy_pass_request_headers on;
## 保留客户端的真实信息
proxy_set_header Host $host;
proxy_set_header X-Real_IP $remote_addr;
proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
## 转发后台请求,这个用到了test-backend(前面已定义的)
# location /test-pro {
# proxy_pass http://test-backend;
# }
}
nuxt部署
next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器,并用PM2守护程序
原网址: 访问
创建于: 2022-09-14 01:18:41
目录: default
标签: 无
未标明原创文章均为采集,版权归作者所有,转载无需和我联系,请注明原出处,南摩阿彌陀佛,知识,不只知道,要得到
java windows火焰图_mob64ca12ec8020的技术博客_51CTO博客 - 在windows下不可行,不知道作者是怎样搞的 监听SpringBoot 服务启动成功事件并打印信息_监听springboot启动完毕-CSDN博客 SpringBoot中就绪探针和存活探针_management.endpoint.health.probes.enabled-CSDN博客 u2u转换板 - 嘉立创EDA开源硬件平台 Spring Boot 项目的轻量级 HTTP 客户端 retrofit 框架,快来试试它!_Java精选-CSDN博客 手把手教你打造一套最牛的知识笔记管理系统! - 知乎 - 想法有重合-理论可参考 安宇雨 闲鱼 机械键盘 客制化 开贴记录 文本 linux 使用find命令查找包含某字符串的文件_beijihukk的博客-CSDN博客_find 查找字符串 ---- mac 也适用 安宇雨 打字音 记录集合 B站 bilibili 自行搭建 开坑 真正的客制化 安宇雨 黑苹果开坑 查找工具包maven pom 引用地 工具网站 Dantelis 介绍的玩轴入坑攻略 --- 关于轴的一些说法 --- 非官方 ---- 心得而已 --- 长期开坑更新 [本人问题][新开坑位]关于自动化测试的工具与平台应用 机械键盘 开团 网站记录 -- 能做一个收集的程序就好了 不过现在没时间 -- 信息大多是在群里发的 - 你要让垃圾佬 都去一个地方看难度也是很大的 精神支柱 [超级前台]sprinbboot maven superdesk-app 记录 [信息有用] [环境准备] [基本完成] [sebp/elk] 给已创建的Docker容器增加新的端口映射 - qq_30599553的博客 - CSDN博客 [正在研究] Elasticsearch, Logstash, Kibana (ELK) Docker image documentation elasticsearch centos 安装记录 及 启动手记 正式服务器 39 elasticsearch 问题合集 不断更新 6.1.1 | 6.5.1 两个版本 博客程序 - 测试 - bug记录 等等问题 laravel的启动过程解析 - lpfuture - 博客园 OAuth2 Server PHP 用 Laravel 搭建带 OAuth2 验证的 RESTful 服务 | Laravel China 社区 - 高品质的 Laravel 和 PHP 开发者社区 利用Laravel 搭建oauth2 API接口 附 Unauthenticated 解决办法 - 煮茶的博客 - SegmentFault 思否 使用 OAuth2-Server-php 搭建 OAuth2 Server - 午时的海 - 博客园 基于PHP构建OAuth 2.0 服务端 认证平台 - Endv - 博客园 Laravel 的 Artisan 命令行工具 Laravel 的文件系统和云存储功能集成 浅谈Chromium中的设计模式--终--Observer模式 浅谈Chromium中的设计模式--二--pre/post和Delegate模式 浅谈Chromium中的设计模式--一--Chromium中模块分层和进程模型 DeepMind 4 Hacking Yourself README.md update 20211011
Laravel China 简书 知乎 博客园 CSDN博客 开源中国 Go Further Ryan是菜鸟 | LNMP技术栈笔记 云栖社区-阿里云 Netflix技术博客 Techie Delight Linkedin技术博客 Dropbox技术博客 Facebook技术博客 淘宝中间件团队 美团技术博客 360技术博客 古巷博客 - 一个专注于分享的不正常博客 软件测试知识传播 - 测试窝 有赞技术团队 阮一峰 语雀 静觅丨崔庆才的个人博客 软件测试从业者综合能力提升 - isTester IBM Java 开发 使用开放 Java 生态系统开发现代应用程序 pengdai 一个强大的博主 HTML5资源教程 | 分享HTML5开发资源和开发教程 蘑菇博客 - 专注于技术分享的博客平台 个人博客-leapMie 流星007 CSDN博客 - 舍其小伙伴 稀土掘金 Go 技术论坛 | Golang / Go 语言中国知识社区
最新评论