资讯详情

PM2+Linux部署nuxt.js(超详细,保姆级教程)

PM2 Linux部署nuxt.js

,链接在这里,

1.将本地的nuxt项目打包

npm run build #生成的dist在.nuxt文件夹中 

2.部署linux服务器环境

1.将.nuxt,static,nuxt.config.js,package.json,package-lock.json放入自己创建的文件夹中,我在这里创建的/home/vue-front中

#注意 在nuxt.config.js添加此配置 server: { 
          port: 8170, // default: 3000  host: '0.0.0.0' // default: localhost } 

2.执行npm install构建环境的方法

npm install 

这张图表示成功

3.配置nginx环境

我用的docker配置nginx

#1.拉镜像  docker pull nginx #2./home新建文件夹docker文件夹,docker新建文件夹nginx文件夹,nginx新建文件夹conf.d文件夹,html文件夹的一般结构如下: /home     |---docker            |----nginx                   |----conf.d                   |----html #3.在conf.d新建文件夹default.conf内容如下: upstream nuxt { 
                 # 这是上面的配置 Node ip 之前默认是端口号 localhost:3000         server 172.19.1.180:8170;         keepalive 64;     } server { 
                 listen       8170;# 端口服务器的端口         server_name  114.55.238.50;# 服务器域名          location / { 
                     proxy_pass http://nuxt;# (这里的nuxt对应上面upstream xxx)             index index.html index.htm;             # try_files $uri $uri/ /index.html; #解决页面刷新404问题         } } #4.启动容器 docker run -d -p 80:80 -v /home/docker/nginx/conf.d:/etc/nginx/conf.d --name mynginx nginx 

4.启动nuxt

npm run start  

这个页面意味着启动成功

5.使用ip进行访问

#因为我nginx上使用的114.55.238.这个域名是50,所以直接使用它进行访问 114.55.238.50:8170 

6.使用PM2进行nuxt守护项目进程

1.使用pm我们需要要安装之前pm打开终端命令行工具,输入以下命令:(Node环境下)

npm install -g pm2 

安装后可使用以下命令查看pm2安装成功与否,可返回版本号,说明安装成功

pm2 -v 

2.创建程序根目录pm2.json,内容为下:

[         { 
                         "name": "项目名",
                "script": "npm run start",
                "env_dev": { 
        
                        "NODE_ENV": "development"

                },
                "env_production": { 
        
                        "NODE_ENV": "production"

                },

        }
]

3.启动pm2

pm2 start pm2.json

7.PM2常用命令

pm2 list                      # 列表 PM2 启动的所有的应用程序
pm2 monit                     # 显示每个应用程序的CPU和内存占用情况
pm2 show [app-name]           # 显示应用程序的所有信息
pm2 logs                      # 显示所有应用程序的日志
pm2 logs [app-name]           # 显示指定应用程序的日志
pm2 flush                     # 清空所有日志文件
pm2 stop all                  # 停止所有的应用程
pm2 stop 0                    # 停止 id为 0的指定应用程序
pm2 restart all               # 重启所有应用
pm2 reload all                # 重启 cluster mode下的所有应用
pm2 delete all                # 关闭并删除所有应用
pm2 delete 0                  # 删除指定应用 id 0
pm2 startup                   # 创建开机自启动命令
pm2 save                      # 保存当前应用列表

标签: nux光电传感器pnnux光电传感器ps

锐单商城拥有海量元器件数据手册IC替代型号,打造 电子元器件IC百科大全!

锐单商城 - 一站式电子元器件采购平台