@PostMapping("/login") public JsonData login(@RequestParam(required = true) String username, @RequestParam(required = true) String password) 这个接口，前端使用vue如何调用

前端使用vue调用这个接口可以通过axios实现。首先需要在vue项目中安装axios，可以在终端中运行以下命令：

npm install axios

然后，在需要调用接口的组件中，可以使用以下代码发送POST请求：

import axios from 'axios'

axios.post('/login', {
  username: 'yourUsername',
  password: 'yourPassword'
}).then(response => {
  console.log(response.data)
}).catch(error => {
  console.log(error)
})

其中，'/login'是接口的URL地址，{ username: 'yourUsername', password: 'yourPassword' } 是需要传递给接口的参数，response.data 是接口返回的数据。需要注意的是，如果接口返回的是JSON格式的数据，需要使用JSON.parse()方法将其转换成JavaScript对象。

相关问题

public JsonData login(@RequestParam(required = true) String username, @RequestParam(required = true) String password)，前端vue访问报错: Required String parameter 'username' is not present，这是为什么

这个错误提示说明前端发送的POST请求中缺少了`username`参数，导致后端无法接收到该参数。

可能的原因是前端发送的请求格式不正确或者参数名写错了。可以检查一下前端发送的请求是否包含了`username`参数，以及该参数的名称是否正确。

此外，也可以检查一下后端的代码是否正确，比如是否使用了`@RequestParam`注解来接收请求参数，参数名称是否与前端发送的请求一致等。建议在后端代码中添加日志输出，方便查看请求的详细信息，例如：

@PostMapping("/login")
public JsonData login(@RequestParam(required = true) String username, @RequestParam(required = true) String password) {
    log.info("Received login request with username: {}", username);
    // 处理登录逻辑
    // ...
}

这样，在控制台中就可以看到每个请求的详细信息，方便定位问题。

前端vue的代码 this.$axios({ url:'/user/login', method:'post', data:{ username:'18202811851',//账户 password:'123456',//密码 } }).then(()=>{ // this.$router.push('/Page') })，public JsonData login(@RequestParam(required = true) String username, @RequestParam(required = true) String password)，前端vue访问报错: Required String parameter 'username' is not present，这是为什么

根据你提供的前端vue代码，请求的参数应该是按照正确的格式发送的。因此，问题可能出在后端代码中。

首先，建议检查一下后端代码中的`@RequestParam`注解是否正确使用。例如，`@RequestParam(required = true)`表示该参数是必需的，如果请求中缺少该参数，会抛出异常。如果参数缺少或者参数名写错了，就会报错。

其次，还需要检查一下后端接口的请求方式是否正确。例如，在前端vue代码中，请求的是`POST`请求，而后端接口中的注解是`@PostMapping`，这两者需要保持一致。如果前端发送的是`GET`请求，后端应该使用`@GetMapping`注解来接收请求。

最后，建议在后端代码中添加日志输出，方便查看请求的详细信息，例如：

@PostMapping("/login")
public JsonData login(@RequestParam(required = true) String username, @RequestParam(required = true) String password) {
    log.info("Received login request with username: {}", username);
    // 处理登录逻辑
    // ...
}

这样，在控制台中就可以看到每个请求的详细信息，方便定位问题。