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

最新推荐文章于 2025-02-16 21:30:00 发布

z-robot

最新推荐文章于 2025-02-16 21:30:00 发布

阅读量324

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/z_robot/article/details/111370932

vue 专栏收录该内容

21 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

环境

宝塔
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