nuxt搭建到服务器上

1、安装centos7.2 

2、安装nginx

3、将nuxt项目代码上传

第一步、在本地 npm run build,会在.nuxt文件夹下生成dist文件;

第二步、把本地文件的.nuxt,static,package.json,nuxt.config.js,server这五个文件夹放到服务器目录文件下，我在服务器上创建了var/www/distm路径，五个文件放到里面;如图：

第三步、用cmd进入目录文件夹，安装依赖，npm install   （cd  /var/www/distm   然后npm install）

如果你么有安装npm，先去搜索centos安装npm

第四步：在项目根目录 输入 npm  run start

r然后访问 http://localhost:3000  就可以访问了

 

2、Nginx配置 给你的项目配置域名

具体安装nginx百度

nginx 目录文件地址在 usr/local/nginx 

然后修改nginx.conf    直接复制我下边的配置就可以了

   

worker_processes  1;
 
    events {
        worker_connections  1024;
    }
 
    http {
        include       mime.types;
        default_type  application/octet-stream;
        sendfile        on;
        keepalive_timeout  65;
 
        upstream nodenuxt {
            server 127.0.0.1:3000; # nuxt 项目监听PC端端口
            keepalive 64;
        }
        server {
            listen       80;
            server_name  www.ceshi.com;
 
            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://nodenuxt;
            }
 
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }
        }
    }

 

然后需要在linux的vhost里面配置dns解析，将www.ceshi.com解析优先解析本地的ip地址

输入  ： vim /etc/hosts

 

然后保存，这样就可以访问成功了。浏览器输入www.ceshi.com

 

四：这样还没完，因为这个nuxt需要一直运行，才能保证服务正常，页面可以一直访问，如何实现不退出，一直保持服务运行呢

那么就是用pm2了

3、PM2守护程序

首先安装pm2

 

输入命令   ：   npm i pm2 -g

 

安装好了以后，直接用PM2一直保持node服务运行

pm2 start npm --name "my-nuxt" -- run start

 

然后再访问www.ceshi.com  可以一直运行了。只要服务器不关机，就可以一直访问。