Untitled

title: springboot搭建（vue+springboot+mysql））
date: 2025-07-21 10:34:11
categories:

• springboot类

新建一个springboot项目

然后再导入如下依赖

next-》next-》next

在build.grade里增加镜像url

设置数据库的连接

这时候出了点小问题 乱码 如下是解决方法

现在我添加了一份监听代码可以返回日志 提示数据库连接成功

现在一共有三个包 三各类 分别作用如下

在测试的时候我发现我勾选的spring安全会使得post请求失效

所以我在配置文件里面加了账号密码

因为我用的是 Spring Boot 3.5.3（对应 Spring Security 6.5.1），而 Spring Security 6 对认证配置做了重大调整：

• 不再支持 spring.security.user.name/password 这种简单配置（仅适用于 WebSecurityConfigurerAdapter 已弃用的场景）。
• 必须通过 自定义 SecurityFilterChain 或 配置 SecurityConfiguration 来开启 Basic Auth。

所以我新建了SecurityConfig.java 在dome路径下

设置了账号密码

在apifox中配置

目前请求成功 ，数据库里面也添加了数值

突然遇到一个巨大的问题干扰了我一个下午

解决了哈哈

因为前端在8080端口 后端在8000端口 所以数据一直传不过去 所以添加如下代码到main.js

// 引入Vue和axios
import Vue from 'vue'
import axios from 'axios'
import App from './App.vue'
import router from './router' // 如果你使用了路由

// 配置axios基础路径（关键步骤）
// 后端运行在8000端口，所以基础路径为http://localhost:8000
axios.defaults.baseURL = 'http://localhost:8000'

// 允许跨域请求携带凭证（如果后端需要）
axios.defaults.withCredentials = true

// 将axios挂载到Vue原型上（可选，方便组件中使用）
Vue.prototype.$axios = axios

new Vue({
router,
render: h => h(App)
}).$mount('#app')

现在注册成功了

登录一直出问题

找不到解决方案

突然发现了basic auth 方法好像不可以用指定接口的方式访问

我对页面的整个index做了修改

接下来我做了三种不同的注册登入通道：用户，商家，管理员

我还设计了俩不同的表单店铺和菜单

到此为止今天的工作结束了 我规划了明天的工作

以及防止出现的问题