nuxt.js 部署 vue应用到服务端过程

环境

  • 宝塔
  • nginx+mysql+pm2
  1. 建立站点

通过宝塔面板直接新建立网站

  1. 上传文件

.nuxt
static
nuxt.config.js
package.json

在这里插入图片描述

  1. 启动程序
  • 进入上传文件的目录,运行npm install 安装package里的依赖
  • 在文件目录中,运行npm start 检测是否可以正常启动
  1. 通过 PM2 启动

不通过菜单 添加,在终端中直接执行,注意应在上传文件目录中执行

pm2 start npm --name "my-nuxt" -- run start
  • NAME 可随意 自定义
  1. 绑定域名

主要目的是做端口转发

    location / {

        proxy_redirect                      off;
        proxy_set_header Host               $host;
        proxy_set_header X-Real-IP          $remote_addr;
        proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto  $scheme;
        proxy_read_timeout          1m;
        proxy_connect_timeout       1m;
       # set the address of the Node.js instance here
        proxy_pass                          http://服务器内网(外网)IP : 您的端口号;
    }
    

测试OK

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值