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

最新推荐文章于 2025-03-29 00:29:30 发布

原创最新推荐文章于 2025-03-29 00:29:30 发布 · 340 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

21 篇文章

订阅专栏

博客介绍了在宝塔环境下搭建网站的流程。使用nginx、mysql和pm2，通过宝塔面板建立站点，上传包含.nuxt、static等的文件。进入文件目录运行npm install安装依赖，npm start检测启动，再用PM2启动程序。最后绑定域名做端口转发并测试。

环境

宝塔
nginx+mysql+pm2

建立站点

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

上传文件

.nuxt
static
nuxt.config.js
package.json

在这里插入图片描述

启动程序

进入上传文件的目录，运行npm install 安装package里的依赖
在文件目录中，运行npm start 检测是否可以正常启动

通过 PM2 启动

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

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

NAME 可随意自定义

绑定域名

主要目的是做端口转发

    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