springsecurity4+JWT+vue+axios无法获取用户名和密码,前后端分离。

 

直接访问spring security4的登录接口,用postman能登录成功,改为谷歌浏览器访问则参数无法获取。

原因:btainUsername(request)或request.getParameter("xxx")只能接收表单数据,不能接收json/text数据。

解决办法:

1,获取请求体。JWTAuthenticationFilter类如下

package com.example.securitydemoserver.config.jwt

import com.alibaba.fastjson.JSONObject
import com.example.securitydemoserver.config.req.HttpRequestUtil
import org.slf4j.LoggerFactory
import org.springframework.security.authentication.AuthenticationManager
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken
import org.springframework.security.core.Authentication
import org.springframework.security.core.AuthenticationException
import org.springframework.security.core.userdetails.User
import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter
import javax.servlet.FilterChain
import javax.servlet.ServletRequest
import javax.servlet.ServletResponse
import javax.servlet.http.HttpServletRequest
import javax.servlet.http.HttpServletResponse

/*获取用户登录信息,只需创建一个token并调用,认证*/
class JWTAuthenticationFilter: UsernamePasswordAuthenticationFilter {
    companion object{
        var token="";
    }
    private var log = LoggerFactory.getLogger(this.javaClass)
    constructor(authenticationManager: AuthenticationManager){
        this.authenticationManager=authenticationManager
    }
    /*接受并解析用户凭证*/
    override fun attemptAuthentication(request: HttpServletRequest, response: HttpServletResponse?): Authentication {
//        val username=obtainUsername(request)//只支持表单提交,传过来的数据为json获取的值为null
//        val password = obtainPassword(request)
        //获取请求体
        val body = HttpRequestUtil.getBodyContent(request).toString()
        val map = JSONObject.parse(body) as Map<String,Any>;
        return authenticationManager.authenticate(UsernamePasswordAuthenticationToken(map["username"],map["password"]))
    }
    //认证成功后设置返回头******************************
    override fun successfulAuthentication(request: HttpServletRequest?, response: HttpServletResponse?, chain: FilterChain?, authResult: Authentication?) {
        val user=authResult!!.principal as User
        token= JwtTokenUtils().createToken(user.username.toString(),true)
        response!!.setHeader("token", JwtTokenUtils().Token_Prefix + " "+token)
//        response!!.setHeader("Access-Control-Allow-Origin",request!!.getHeader("Origin"))
//        response!!.setHeader("Access-Control-Allow-Credentials","true")
    }

    override fun unsuccessfulAuthentication(request: HttpServletRequest?, response: HttpServletResponse?, failed: AuthenticationException?) {
        response!!.writer.write("authentication failed, reason: " + failed!!.message)
    }

    override fun doFilter(req: ServletRequest?, res: ServletResponse?, chain: FilterChain?) {
        println("doFilter被执行了!")
        super.doFilter(req, res, chain)
    }

}

HttpRequestUtil 类: 

package com.example.securitydemoserver.config.req;

import org.springframework.stereotype.Component;

import javax.servlet.http.HttpServletRequest;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.nio.charset.Charset;

@Component
public class HttpRequestUtil {
    public static String getBodyContent(HttpServletRequest request) throws IOException {
        StringBuilder sb = new StringBuilder();
        try (InputStream inputStream = request.getInputStream();
             BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream, Charset.forName("UTF-8")))) {
            String line;
            while ((line = reader.readLine()) != null) {
                sb.append(line);
            }
            inputStream.close();
            reader.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return sb.toString();
    }
}

问题解决。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot和Vue.js是两个非常流行的技术栈,可以非常好地实现前后端分离的开发模式。SecurityJWT是两个很好的工具,可以帮助我们实现安全的登录和授权机制。 以下是实现Spring Boot和Vue.js前后端分离的步骤: 1.创建Spring Boot工程 首先,我们需要创建一个Spring Boot工程,可以使用Spring Initializr来生成一个基本的Maven项目,添加所需的依赖项,包括Spring SecurityJWT。 2.配置Spring SecuritySpring Security,我们需要定义一个安全配置类,该类将定义我们的安全策略和JWT的配置。在这里,我们可以使用注解来定义我们的安全策略,如@PreAuthorize和@Secured。 3.实现JWT JWT是一种基于令牌的身份验证机制,它使用JSON Web Token来传递安全信息。在我们的应用程序,我们需要实现JWT的生成和验证机制,以便我们可以安全地登录和授权。 4.配置Vue.js 在Vue.js,我们需要创建一个Vue.js项目,并使用Vue CLI来安装和配置我们的项目。我们需要使用Vue Router来定义我们的路由,并使用Axios来发送HTTP请求。 5.实现登录和授权 最后,我们需要实现登录和授权机制,以便用户可以安全地登录和访问我们的应用程序。在Vue.js,我们可以使用Vue Router和Axios来发送HTTP请求,并在Spring Boot使用JWT来验证用户身份。 总结 以上是实现Spring Boot和Vue.js前后端分离的步骤,我们可以使用SecurityJWT来实现安全的登录和授权机制。这种开发模式可以让我们更好地实现前后端分离,提高我们的开发效率和应用程序的安全性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值