WeBlog开源项目常见问题解决方案-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_01049/article/details/144840842

WeBlog开源项目常见问题解决方案

WeBlog 📗 Spring Boot + Vue 3.2 + Vite 前后端分离博客~ 感谢点个 Star 呀~ 项目地址: https://gitcode.com/gh_mirrors/we/WeBlog

一、项目基础介绍

WeBlog 是一个基于 Spring Boot + Vue 3 + Vite 3 开发的前后端分离的个人博客项目。该项目后端采用 Spring Boot、Mybatis Plus、MySQL 等技术栈，前端基于 Vue 3、Vite 和 Element Plus 等框架构建。WeBlog 可以作为 Java 毕业设计项目，具备完整的博客功能，包括文章发布、分类管理、标签管理、仪表盘数据统计等。

主要编程语言：

后端：Java
前端：JavaScript (TypeScript)

二、新手使用注意事项及解决方案

问题1：如何配置和运行项目

问题描述： 新手在使用该项目时，可能会遇到不知道如何配置和运行项目的问题。

解决步骤：

确保本地安装了 JDK 1.8+、Node.js 18.15.0+ 和相应的数据库 MySQL 5.7+。
克隆项目到本地：git clone https://github.com/weiwosuoai/WeBlog.git
在项目根目录下，分别进入 weblog-springboot 和 weblog-vue3 文件夹。
在 weblog-springboot 文件夹中，使用 Maven 进行构建：mvn clean install。
在 weblog-vue3 文件夹中，使用 Vite 进行构建：npm install，然后运行 npm run dev。
启动后端服务，访问 http://localhost:8080，查看是否正常运行。
启动前端服务，访问 http://localhost:3000，查看是否正常运行。

问题2：如何初始化数据库

问题描述： 新手可能会不知道如何初始化数据库，导致项目无法正常运行。

解决步骤：

在项目根目录下，找到 sql 文件夹。
使用任意数据库客户端（如 MySQL Workbench），连接到本地的 MySQL 数据库。
创建一个新的数据库，命名为 weblog。
在数据库中执行 schema.sql 脚本，创建必要的表结构。
执行 data.sql 脚本，插入初始化数据（如用户信息、博客设置等）。

问题3：如何解决跨域问题

问题描述： 在开发过程中，可能会遇到跨域问题，导致前后端无法正常通信。

解决步骤：

在 weblog-springboot 的 pom.xml 文件中添加以下依赖：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
    <groupId>org.springframework.cloud</groupId>
    <artifactId>spring-cloud-starter-netflix-zuul</artifactId>
</dependency>

在 application.properties 或 application.yml 配置文件中添加以下配置：

spring:
  cloud:
    zuul:
      routes:
        weblog:
          path: /weblog/**
          serviceId: weblog-service
          sensitiveHeaders: *

在 weblog-vue3 的 vue.config.js 文件中添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/weblog': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          '^/weblog': ''
        }
      }
    }
  }
}