栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

nuxt.js + pm2 部署

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

nuxt.js + pm2 部署

1、在项目文件下打包文件

npm run build

2、将打包后的文件上传到服务器 ,我用的Xshell搭配Xftp工具

除了.git和依赖包文件最好都给上传上去,避免在服务器上运行抱错, 

3、下载项目依赖

进入服务器上的项目根目录

npm install

4、启动与访问项目

4.1、在项目根目录

npm run start

运行成功出现 http://localhost:3000

4.2、新开一个窗口,测试是否可以访问

需要安装倚赖 安装 curl

yum -y install curl

4.3、打开一个新终端 

curl http://localhost:3000/

如果响应了页面html代码说明成功,(有你的页面结构、数据)

5、当我们关闭命令行窗口的时候,服务也就关闭了,所以这个时候我们需要使用 pm2 。

全局下载安装pm2
npm i -g pm2 
进入项目文件夹后用pm2启动
pm2 start npm --name "项目名" -- run start

一定是要在项目文件夹里面执行

启动后 可以查看下进程

# 查看当前正在运行的进程
pm2 list

 6、使用

ps -ef|grep nginx

查看服务器在运行哪些进程

7、端口号需要一致

//  nuxt.config.js

export default {

    server: {
        port: '8000',
        host: '0.0.0.0',
    },

}

// nginx.conf

server { # 一个虚拟主机配置, 多个虚拟机配置多个 server 即可

        listen 80; # 端口号

        server_name blog.yz001998.cn; # 域名解析

        location / {
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $http_host;
            proxy_pass http://127.0.0.1:8000; # 代理
        }
}

proxy_pass http://127.0.0.1:8000; # 代理

端口号要与nuxt.config.js 的sever端口号要一致

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/679413.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号