nuxt项目线上部署-nuxt项目打包部署

责编:menVScode 2019-05-20 19:30 阅读(844)

1、准备工作

安装node:http://menvscode.com/detail/59eedf3610c98d0e654c1b8f

安装ngnix:http://menvscode.com/detail/5c3d4ad44ac443095e53a4f5

安装PM2:http://menvscode.com/detail/5ce21943e8c50a0870f41983


2、nuxt打包上传

npm run build

把本地文件的.nuxtstatic,package.jsonnuxt.config.js,这四个文件夹放到服务器目录文件下。我的是这样的:


cmd进入改目录下,安装依赖:

npm install

运行项目命令

npm start

此时运行的是 http://localhost:3000

然后阿里云服务器上【添加安全组规则



3、Nginx配置

找到安装目录下conf 文件下的nginx.conf文件 打开进行属性配置

server {
    listen  80;
    server_name  www.bigstudent.cn bigstudent.cn;
    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;  #反向代理
    } 
}
upstream nodenuxt {
    server 127.0.0.1:3000; #nuxt项目 监听端口
    keepalive 64;
}

编辑完后,要进行重启配置。具体看第一步准备工作。


4、pm2开启进程守护

pm2 start npm --name "bigstu" -- run start


最后这个域名就能正常访问啦:bigstudent.cn


5、修改项目,重新打包,然后重新部署,则需要重新启动 pm2

pm2 stop 1    // 先停止

pm2 restart 1  // 再重启
标签: nuxt 打包部署 nuxt
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码