前端2026年4月13日
MyBlog博客系统部署教程
久流
部署改项目:
如果想部署该项目,请跳转到下方链接根据文档安装发行版。
部署教程
根据下面的文档进行部署各自的模块。点击右上角的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为前端和前端管理端的域名地址,必须要配置正确否则前端无法访问后端接口。
yml
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.mjslinux如下:
NUXT_PUBLIC_API_BASE="https://3000" NUXT_PUBLIC_WEB_BASE="https://5173" node server/index.mjs前端管理端部署教程
管理端为静态网站文件,使用部署静态网站的方式即可,部署前修改env-config.json文件,修改如下配置:
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 个评论在此篇文章
暂无评论