springboot错误——使用vue在登录页面登录时，提示错误信息500

最新推荐文章于 2023-04-07 11:01:36 发布
最新推荐文章于 2023-04-07 11:01:36 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/d347091231/article/details/119728109
版权

在这里插入图片描述
在登录页面输入账号密码登录时出现错误，打开控制台提示500：
找了许久找到了错误：
在这里插入图片描述

在配置项中，server拼写错误，但没有给任何提示，造成了服务器500错误
在这里插入图片描述

小巫医初春
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
vue+springboot传数据到数据库一直报错500解决方案
weixin_45875257的博客
11-14 1470
之前配置springboot时图方便把application.properties文件后缀改成了yml，导致后续从前端传数据到数据库时，一直报500错，重新改回properties问题解决~ server.port=9090 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/spring?useUnicode=true&char
VUE实现密码验证与提示功能
10-16
主要为大家详细介绍了VUE实现密码验证与提示功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue登录时校验验证码
weixin_45732391的博客
01-23 2060
Vue登录时校验验证码 环境： 前端：Vue 后端：SpringBoot 前一章已写过如何实现验证码：https://blog.csdn.net/weixin_45732391/article/details/113180052 这章看下如何验证验证码准确性。 前端： login () { // 组装参数 const parsm = { // 用户名 username: this.username, // 密码 pas
JAVA VUE做登录页面出现的错误
weixin_42528739的博客
12-20 624
在vue里面做登录页面的时候,出现的Bug
SpringBoot和Vue实现用户登录注册与异常处理——基于SpringBoot和Vue的后台管理系统项目系列博客（十三）
IronmanJay的博客
11-05 1995
今天的主要内容包括：数据传输对象的创建、用户登录后台功能的实现、新建包装类统一返回结果、使用自定义异常处理、使用包装类统一返回结果、用户登录前端功能的实现、用户登录功能测试、用户注册后端功能的实现、用户注册前端功能的实现、用户注册功能测试、用户个人信息展示与保存功能的实现等内容。可以看到今天的内容比较多，废话不多说，下面就开始今天的学习！
使用springboot+mybatis+Vue2.0+elementUI实现简单的登录注册及用户信息获取。
07-09
本demo适合刚入门学习SpringBoot及Vue的小伙伴，要求...阅读建议：安装好Vue及相关的elementUI、axios等环境，会使用vueCli及springboot初始化项目，能将项目跑起来，直接看到效果。 有问题随时私信联系哦！一起交流。
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
08-27
在这里，我们可以使用Vue-Router的全局路由钩子，在访问任何页面时先判断localStorage中是否存在Jwt加密后的Token并且Token是否过期，如果存在且没有过期则正常跳转到请求的页面，不存在或者过期则跳转到登录页重新...
vue-springboot登录
11-30
在这个“vue-springboot登录”项目中，我们将探讨如何实现用户登录功能，涉及的主要知识点包括 Vue.js 的组件化开发、SpringBoot 的数据访问以及安全控制。 首先，Vue.js 在登录页面的实现上，通常会创建一个名为 `...
vue+springboot+redis+kaptcha实现登录验证码
04-10
在登录页面上，我们可以创建一个Vue组件来处理验证码的显示、刷新和验证逻辑。Vue.js通过异步通信（如axios库）与后端交互，获取和验证验证码。 Spring Boot是基于Java的微服务框架，它简化了新Spring应用的初始...
前后端 springboot+Vue 实现登录注册功能
07-13
第一次做 还是后端错了 大佬勿喷 有不对的请多多指教呀
VUE常见报错提示及代码问题
ld395353765的博客
09-12 2002
Q:data functions should return an object 这个问题是 Vue 实例内,单组件的data必须返回一个对象;如下 export default { name: 'page-router-view', data () { return { tabs: [ { title:...
Vue学习（五）登陆页面之重置和发起登陆请求及弹窗提示
weixin_42835514的博客
10-07 3306
Vue学习（五）登陆页面之重置和发起登陆请求及弹窗提示表单重置根据预验证结果决定是否发出登陆请求编写代码启动api服务器弹窗提示 表单重置 直接调用element ui给我们写好的函数就可以了。 获取当前表单的实例对象，通过这个实例对象，调用给出的重置函数。 首先确认当前表单有实例对象 <el-form ref="loginref" 接下来在重置按钮绑定一个事件 <el-button type="info" @click="reset">重置</el-button> 接下来
SpringBoot+Vue项目的后端接口全部返回500错误
m0_57225567的博客
07-03 4535
SqlSession was not registered for synchronization because synchronization is not active. JDBC Connection will not be managed by Spring.Error querying database. Cause: java.lang.reflect.InaccessibleObjectException: Unable to make field protected java.lang.
VUE 出现登录界面但控制台报错FAILED TO LOAD RESOURCE: NET::ERR_CONNECTION_REFUSED
lsrxz的博客
03-21 2740
首先，vue项目运行的端口号一般为8080地址出现8080+1/+2…说明8080端口被占用，导致vue项目在别的端口运行但会与本地后台端口对应不上报如标题所示错误。
若依前后端分离密码修改成功，登录提示用户名或密码不正确。
猿小白的博客
07-04 5365
这是因为若依框架在密码校验过程中会对密码长度进行校验，如果你输入密码长度小于设置的阈值或大于设置的阈值，那么就会提示：用户名或密码不正确。找到框架目录下的文件：RuoYi-Vue\ruoyi-common\src\main\java\com\ruoyi\common\constant\UserConstants.java 将密码长度限制，改成你需要的限制范围即可解决此问题。............
vue net::ERR_ABORTED 500 (Internal Server Error)
qq_32062383的博客
04-07 2104
这里我要说一下，如果重启好使了，下面当我没说，如果不好使了，用我的方法。网上查资料说：重启一下就好使了。去试试，能解决你的问题吗？
Springboot+vue常见问题
柒七的博客
02-06 1688
1.JDK版本：1.8，Mysql版本：5.7或8.0，node版本：14+，运行代码之前一定要检查版本！ 2.最新版本国际化失效问题 由于Element-plus版本更新，视频里面演示的国际化配置方式不适用于 Element-plus 1.0.2-beta.59 之后的版本，大家注意对照下面的方式进行修改。 去除main.js里面旧的配置 ​ 方案一（推荐）： 全局配置： import App from './App.vue' import ElementPlus from 'el
VUE + Springboot 前后端分离线上 登陆后接口请求报302
秋实的博客
04-10 6702
最近开发项目过程中遇到一个困扰几天的问题，本地测试所有接口都正常，线上请求后端没设置登陆拦截的接口，能正常返回数据；但请求需要登陆访问接口，则出现302，直接重定向到/login接口，十分诡异。 与后端一起探讨解决发现，多方查询尝试才发现在axios配置中设置：withCredentials: true，允许跨域请求携带cookie才行。 axios中文文档配置拷贝过来： { // `...
springboot vue登录界面使用jwt鉴权
最新发布
11-24
为了实现SpringBoot+Vue前后端分离的登录界面使用JWT鉴权，需要进行以下步骤： 1.在SpringBoot中配置SpringSecurity，包括用户认证和授权，可以参考引用中的实现方式。 2.在SpringBoot中配置JWT，包括生成Token和解析Token，可以使用jjwt库实现，可以参考引用中的maven依赖配置。 3.在Vue中实现登录界面，包括输入用户名和密码，发送POST请求到后端验证用户信息，并获取Token。 4.在Vue中使用获取到的Token进行后续请求的鉴权，可以在请求头中添加Authorization字段，值为Bearer加上Token。 下面是一个简单的示例代码，仅供参考： 1. SpringBoot中的配置 ```java @Configuration @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter { @Autowired private UserDetailsService userDetailsService; @Autowired private JwtAuthenticationEntryPoint unauthorizedHandler; @Bean public JwtAuthenticationFilter jwtAuthenticationFilter() { return new JwtAuthenticationFilter(); } @Override public void configure(AuthenticationManagerBuilder authenticationManagerBuilder) throws Exception { authenticationManagerBuilder .userDetailsService(userDetailsService) .passwordEncoder(passwordEncoder()); } @Bean(BeanIds.AUTHENTICATION_MANAGER) @Override public AuthenticationManager authenticationManagerBean() throws Exception { return super.authenticationManagerBean(); } @Bean public PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); } @Override protected void configure(HttpSecurity http) throws Exception { http .cors() .and() .csrf() .disable() .exceptionHandling() .authenticationEntryPoint(unauthorizedHandler) .and() .sessionManagement() .sessionCreationPolicy(SessionCreationPolicy.STATELESS) .and() .authorizeRequests() .antMatchers("/api/auth/**") .permitAll() .anyRequest() .authenticated(); // Add our custom JWT security filter http.addFilterBefore(jwtAuthenticationFilter(), UsernamePasswordAuthenticationFilter.class); } } ``` 2. Vue中的登录界面 ```html <template> <div> <h2>Login</h2> <form @submit.prevent="login"> <div> <label>Username:</label> <input type="text" v-model="username" required> </div> <div> <label>Password:</label> <input type="password" v-model="password" required> </div> <button type="submit">Login</button> </form> </div> </template> <script> import axios from 'axios'; export default { data() { return { username: '', password: '' }; }, methods: { async login() { try { const response = await axios.post('/api/auth/login', { username: this.username, password: this.password }); const token = response.data.token; localStorage.setItem('token', token); axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; this.$router.push('/'); } catch (error) { console.error(error); } } } }; </script> ``` 3. Vue中的请求鉴权 ```javascript import axios from 'axios'; const token = localStorage.getItem('token'); if (token) { axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; } axios.get('/api/protected/resource') .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小巫医初春

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值