跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.js

1Panel 部署 Node+MongoDB+Nginx 项目实操及避坑指南

介绍在 Linux 服务器使用 1Panel 面板部署 Node.js、MongoDB 和 OpenResty 技术栈项目的完整流程。涵盖面板安装、基础软件配置、文件目录创建、静态网站搭建及反向代理设置。重点提示了 log 文件夹缺失导致部署失败的常见错误,以及反向代理中 IP 填写的注意事项,帮助开发者快速完成前后端连通并上线项目。

人间失格发布于 2026/3/29更新于 2026/10/22108 浏览

在 Linux 服务器上通过 1Panel 面板部署 Node+MongoDB+Nginx 技术栈的项目,可大幅简化环境配置和运维操作。本文整理完整部署步骤,标注实操关键坑点,助力项目快速上线。

一、安装 1Panel 面板

1Panel 的安装可直接通过官网提供的一键命令,在 Linux 服务器终端执行即可:

bash -c "$(curl -sSL https://resource.fit2cloud.com/1panel/package/v2/quick_start.sh)"

执行命令后,终端会依次出现交互式询问,需按需配置:

  • 是否下载 Docker(建议选择是,后续应用安装依赖 Docker);
  • 设置面板外网访问 URL;
  • 自定义面板访问端口号;
  • 设置面板登录的用户名和密码。

二、1Panel 面板首次登录

  • 安装完成后,终端会输出面板访问路径。若服务器开启了 IPv6,会同时显示 IPv6 和 IPv4 访问地址,直接使用 IPv4 地址 + 面板端口号访问即可;
  • 访问前需确认服务器已开放该面板端口号,否则会无法访问;
  • 输入配置的用户名和密码,完成首次登录。

![图片]

三、安装项目所需基础软件

  • 登录 1Panel 面板后,找到左侧菜单栏的应用商店;
  • 因项目基于 Node+MongoDB+Nginx 技术栈,在应用商店中搜索并安装 MongoDB 和 openresty(Nginx 升级版,兼容所有 Nginx 配置)即可。

![图片]

四、部署前文件目录创建(关键避坑步骤)

在部署项目前,需先创建指定的文件目录,目录位置需严格匹配 openresty 安装时默认的网站目录,操作如下:

  1. 点击左侧菜单栏系统 > 文件,进入文件管理界面;
  2. 定位到 openresty 默认网站目录 /www/sites/(该目录为 openresty 默认,无需修改);
  3. 在 /www/sites/ 下新建项目主文件夹(示例为 app),必须在 app 文件夹内新建 log 文件夹;
    • 避坑:若未创建 log 文件夹,后续部署网站时会直接报错,且系统会自动删除新建的 app 文件夹,需重新创建;
  4. 最终项目完整路径为:/www/sites/app。

五、创建静态网站并配置基础信息

  1. 点击左侧菜单栏网站 > 创建网站,选择静态网站类型;
  2. 按要求填写以下配置项(均为面板内配置,与服务器本身无关):
    • 域名 / IP:填写服务器公网 IP,若已解析域名可直接填写域名;
    • 端口号:为 1Panel 面板内的端口号,非服务器端口,按需自定义即可;
    • 代号:必须填写项目文件夹名称(示例为 app),需与第四步创建的文件夹名称完全一致;
  3. 确认配置时,查看页面下方的对应目录,需将前端静态项目文件全部放入 app/index 目录下,否则会出现文件找不到的报错;
  4. 所有配置填写完成后,点击确认,完成静态网站基础创建。

![图片]

六、配置静态文件反向代理(核心步骤)

创建完静态网站后,需配置反向代理,实现前端请求与后端接口的连通,操作如下:

  1. 在网站管理列表中,找到刚创建的静态网站,点击右侧配置,进入网站配置页面;
  2. 选择反向代理 > 配置文件,进入代理配置编辑界面;
  3. 配置代理地址时注意两个核心要点:
    • 配置 api 代理地址:不能填写服务器本机 IP,需填写 1Panel 面板中后端服务的 IP;
  • 配置文件代理地址:同样需填写 1Panel 面板内的 IP,而非服务器 IP;
  • 按上述要求配置完成后,保存配置并重启服务。
  • ![图片]

    ![图片]

    七、项目访问

    所有配置完成并重启服务后,直接在浏览器中输入服务器 IPv4 地址 + 面板端口号(或配置的域名),即可正常访问前端项目,实现前后端请求的正常连通。

    目录

    1. 一、安装 1Panel 面板
    2. 二、1Panel 面板首次登录
    3. 三、安装项目所需基础软件
    4. 四、部署前文件目录创建(关键避坑步骤)
    5. 五、创建静态网站并配置基础信息
    6. 六、配置静态文件反向代理(核心步骤)
    7. 七、项目访问

    更多推荐文章

    查看全部
    • 5 种小米智能家居接入 HomeAssistant 方案深度对比
    • 当前互联网行情下,程序员职业前景分析与发展建议
    • Spring Web MVC 入门:从概念到实战(上)
    • FastGPT 集成 MCP 协议构建工具增强型智能体
    • CSS 元素显示模式详解:块级、行内及转换
    • Coze 抓取小红书爆款视频写入飞书多维表实战详解
    • DDD 领域驱动设计:失血、贫血、充血与胀血模型详解及代码示例
    • Vector 与 pthread_create 线程函数的使用注意事项
    • C++ 多态详解:虚函数、重写机制与底层原理
    • 深度可分离卷积基础原理与架构解析
    • Android 大厂面试高频 174 问与核心知识点解析
    • 医疗垂类大模型应走出“应试”误区,聚焦真实场景落地
    • 大型语言模型(LLMs)的训练原理与网络架构解析
    • Python 从入门到精通:100 课系统学习路径
    • 使用 gpt-oss-20b-WEBUI 部署 AI 对话机器人
    • 大模型时代人形机器人感知:视觉 - 语言模型在机器人中的应用
    • Qt步进电机上位机控制程序:跨平台C/C++实现,支持多端口通信
    • 源支付 V7 支付系统开源版 v1.8.9 核心架构与运行逻辑
    • Ubuntu 22.04 安装 NVIDIA Container Toolkit 配置 Docker GPU 加速
    • Linux 基础:5 个终端指令搞定文件管理

    相关免费在线工具

    • Keycode 信息

      查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

    • Escape 与 Native 编解码

      JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

    • JavaScript / HTML 格式化

      使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online

    • JavaScript 压缩与混淆

      Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online

    • Base64 字符串编码/解码

      将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

    • Base64 文件转换器

      将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online