gin-vue-admin 项目常见问题解决方案

gin-vue-admin 项目常见问题解决方案

gin-vue-admin gin+gorm+jwt+vue, implemented as dependency injection 项目地址: https://gitcode.com/gh_mirrors/ginv/gin-vue-admin

项目基础介绍

gin-vue-admin 是一个基于 Gin、Gorm、JWT 和 Vue 的前后端分离项目。该项目使用 Go 语言作为后端开发语言，Vue.js 作为前端开发框架。项目的主要功能包括：

• 使用 Gin 框架实现依赖注入。
• 使用 Gorm 访问 MySQL 数据库。
• 使用 JWT 对 API 接口进行权限控制。
• 使用 Vue.js 构建前端页面。

主要编程语言

• 后端：Go
• 前端：Vue.js

新手使用项目时需要注意的3个问题及解决步骤

1. 环境配置问题

问题描述：
新手在配置开发环境时，可能会遇到 Go 和 Node.js 环境配置不正确的问题，导致项目无法正常运行。

解决步骤：

1. 安装 Go 环境：

   • 确保已安装 Go 语言环境，版本建议为 1.16 及以上。
   • 配置 GOPATH 和 GOROOT 环境变量。

2. 安装 Node.js 环境：

   • 确保已安装 Node.js，版本建议为 14.x 及以上。
   • 使用 npm 或 yarn 安装前端依赖。

3. 检查环境变量：

   • 确保 GOPATH 和 GOROOT 环境变量已正确配置。
   • 确保 PATH 中包含 npm 或 yarn 的路径。

2. 数据库连接问题

问题描述：
新手在配置数据库连接时，可能会遇到数据库连接失败的问题，导致项目无法正常启动。

解决步骤：

1. 检查数据库配置：

   • 打开 config/config.yaml 文件，确保数据库连接信息（如 username、password、host、port、dbname）正确无误。

2. 创建数据库：

   • 在 MySQL 中创建与配置文件中 dbname 相同的数据库。

3. 运行数据库脚本：

   • 在项目根目录下找到 docs/mysql.sql 文件，运行该脚本以创建必要的表结构。

4. 检查数据库服务状态：

   • 确保 MySQL 服务已启动，并且可以通过配置文件中的连接信息正常访问。

3. 前端页面无法正常显示

问题描述：
新手在运行前端项目时，可能会遇到页面无法正常显示的问题，通常是由于前端依赖未正确安装或前端服务未启动。

解决步骤：

1. 安装前端依赖：

   • 进入 vue-admin 目录，运行 npm install 或 yarn install 安装前端依赖。

2. 启动前端服务：

   • 在 vue-admin 目录下运行 npm run serve 或 yarn serve 启动前端开发服务器。

3. 检查前端服务状态：

   • 确保前端服务已成功启动，并且可以通过浏览器访问 http://localhost:8080。

4. 检查后端 API 接口：

   • 确保后端服务已启动，并且可以通过浏览器或 Postman 访问后端 API 接口。

通过以上步骤，新手可以顺利解决在使用 gin-vue-admin 项目时遇到的常见问题，确保项目能够正常运行。

gin-vue-admin gin+gorm+jwt+vue, implemented as dependency injection 项目地址: https://gitcode.com/gh_mirrors/ginv/gin-vue-admin