Nuxt项目本地运行+打包部署

Window下操作

下载依赖

npm install

如果下载不下来(报错)改用yarn

yarn install

启动运行,在浏览器输入启动地址即可

npm run dev

打包

npm run bulid

打包后会生成一个.nuxt文件夹

Linux下操作

把以下文件上传至Linux服务器

同样的,下载依赖。然后启动运行。

npm install
#下不下来或者报错则使用yarn
#yarn install

#启动运行
npm run dev

配置nginx

server {
	  listen 80;
	  listen [::]:80;
          server_name localhost;
          
   
         location / {
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

            proxy_pass http://localhost:3010/;
        }
  
    }

之后便可以通过服务器id+端口访问项目。

但是这种启动方式的性能不佳,所以我们一般使用pm2管理工具

#安装
npm install pm2 -g
#同样的,下不下来改用yarn
#yarn add global pm2

pm2相关操作

#查看所有进程
pm2 list

#重启进程
pm2 restart [进程名|进程id]

#停止进程
pm2 stop [进程名|进程id]

#删除进程
pm2 delete [进程名|进程id]

启动

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值