前端

MyBlog博客系统部署教程

久流
2026年04月13日 0 评论
前端后端

部署改项目：

如果想部署该项目，请跳转到下方链接根据文档安装发行版。

https://github.com/DCSCDF/MYBLOG-Distribution

部署教程

根据下面的文档进行部署各自的模块。点击右上角的CODE按钮，选择下载ZIP压缩包，下载完成解压后根据下面的文档进行部署。

后端部署教程

1. 创建数据库

使用mysql8.4.0版本，创建名为Myblog的数据库，并且创建好对应的账号密码。

2. 部署

首先安装java17，安装完成后，创建项目文件夹，将Myblog_dev-0.0.1-SNAPSHOT.jar与application.yml放在同一个目录。 首先修改yml文件，配置数据库与跨域访问。

在datasource中：

  • Your_DB_IP为数据库的本地IP地址默认为127.0.0.1。
  • Your_DB_name为数据库名。
  • your_DB_username为数据库账号。
  • your_DB_password为数据库密码。
  • port 服务器启动后的端口，默认为8088。
  • Your_WEB_IP和Your_WEB_ADMIN_IP为前端和前端管理端的域名地址，必须要配置正确否则前端无法访问后端接口。
spring:
  datasource:
    url: jdbc:mysql://Your_DB_IP:3306/Your_DB_name?createDatabaseIfNotExist=true&useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=true
    username: your_DB_username
    password: your_DB_password

server:
  port: 8088

app:
  cors:
    allowed-origins: Your_WEB_IP/Domain Name, Your_WEB_ADMIN_IP/Domain Name

配置完成yml文件后，在项目目录下执行如下命令启动服务器

java -jar Myblog_dev-0.0.1-SNAPSHOT.jar

前端部署教程

1.安装node补全依赖文件

首先安装node_v20.19.3 拷贝当前文件夹的文件到你的运行环境中，先进到server文件夹执行 npm install 安装依赖，依赖安装成功后， 回到上级目录，运行下面的命令

  • NUXT_PUBLIC_API_BASE 为后端地址
  • NUXT_PUBLIC_API_BASE 为前端管理端地址

windows如下：

$env:NUXT_PUBLIC_API_BASE="https://3000"; $env:NUXT_PUBLIC_WEB_BASE="https://5173"; node server/index.mjs

linux如下：

NUXT_PUBLIC_API_BASE="https://3000" NUXT_PUBLIC_WEB_BASE="https://5173" node server/index.mjs

前端管理端部署教程

管理端为静态网站文件，使用部署静态网站的方式即可，部署前修改env-config.json文件，修改如下配置：

{
  "version": "1.0",
  "lastModified": "2026-04-13T10:44:32.395Z",
  "configurable": true,
  "env": {
    "VITE_API_BASE_URL": "https://123123.com", // 后端接口地址
    "VITE_USE_MOCK": "false",  // 是否使用mock数据
    "VITE_DEBUG_MODE": "false", // 是否开启debug模式
    "VITE_SHOW_CONSOLE_LOGS": "true" // 是否显示控制台日志
  }
}

评论 (0)