【亲测免费】 WeBlog开源项目常见问题解决方案

一、项目基础介绍

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

主要编程语言：

• 后端：Java
• 前端：JavaScript (TypeScript)

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

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

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

解决步骤：

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

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

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

解决步骤：

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

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

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

解决步骤：

1. 在 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>
   

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

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

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

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

4. 重新启动前后端服务，尝试访问，看是否解决了跨域问题。