NUXT项目部署服务器(nginx服务器,pm2线程守护)

目录

一:部署到服务器上

二:Nginx

三:pm2进程管理

---

一:部署到服务器上

前提：nuxt是基于nodejs运行的，安装node是第一步，因此确保已经安装 Node.js
(1)nuxt项目打包
详细请移步nuxt官网
第一步、在本地 npm run build,会在.nuxt文件夹下生成dist文件;

第二步、把本地文件的.nuxt,static,package.json,nuxt.config.js,这四个文件夹放到服务器目录文件下
比如我在服务器上创建了C:\inetpub\nuxt路径。

第三步、用cmd进入目录文件夹，安装依赖

npm install -production

第四步、运行

npm start

此时运行的是 http://localhost:1818;

目录以及项目文件如下：

目录及文件

此时项目在服务器的本地已经可以访问了，但在外部网络是无法进行访问的。这时Nginx就可以出场了。
目的是通过域名访问到nuxt服务(此处测试的域名为www.wfaceboss.top)

二:Nginx

(1)Nginx安装
第一步、Nginx 的安装步骤比较简单，安装在windows上推荐使用压缩包的安装方式，下载地址;(选择稳定版本)

第二步、下载完成之后，进行解压可以看到如下文件结构

第三步、双击nginx.exe 就启动了

在页面输入localhost。出现如下界面则表示安装成功。默认监听80端口号

第四步、若你的服务器上80端口被占用，则需要修改端口，操作如下：(我这里是将80修改成81，注意修改的端口需要服务器后台已经开放)
修改nginx安装目录/conf/nginx.conf中的server配置

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;
events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer"