const checkId = () =>{ //아이디 중복확인 //로그인이 안됐을텐데 header 가 필요한가
console.log(state.form.username);
axios.post('/auth/checkId', {username : state.form.username}, { headers: { 'Authorization': 'cos' } }).then((res) => {
window.alert(res.data);
}).catch(() => {
window.alert("이미 가입된 회원입니다.");
})
}
@PostMapping("/checkId")
public String checkId(@RequestBody String username) {
System.out.println("username: " + username);
User checkUser = userRepository.findByUsername(user);
System.out.println(checkUser);
보통 VO객체를 사용할 때 자동으로 VO에 JSON형식이 매핑된다.
그러나 Post 요청에서 String 형 하나만 보내는 경우, String 으로 받는다면
{username : yourimi}
와 같이 JSON형식이 딕셔너리 모습을 한 String형으로 파싱되어 들어온다.
-> Map<String, String>형으로 받은 후 get메서드로 데이터를 사용할 수 있다.
@PostMapping("/checkId")
public String checkId(@RequestBody Map<String, String> username) {
String user = username.get("username");
User checkUser = userRepository.findByUsername(user);
}
'vue.js' 카테고리의 다른 글
[Vue3/Vite] <v-img> (0) | 2024.01.09 |
---|---|
img 태그 바인딩 (0) | 2023.05.18 |
[vue3] ref, reactive (0) | 2023.05.18 |
element-ui (0) | 2023.04.25 |
CORS 에러 (vue.js, springboot) / proxy (0) | 2023.04.25 |