nuxt.js + pm2 部署

最新推荐文章于 2024-07-31 11:28:39 发布

朝朝朝朝ZZZ

最新推荐文章于 2024-07-31 11:28:39 发布

阅读量1.5k

点赞数 1

文章标签： javascript node.js 前端

本文链接：https://blog.csdn.net/YZ_ZZZ24/article/details/122128566

版权

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端口号要一致