개발정리

프론트 단에서 sockJs 객체를 생성해 connect 를 시도하였지만 /info 요청에대한 404(not found) errror 발생 해결 @Configuration @EnableWebSocketMessageBroker public class WebSocketConfig implements WebSocketMessageBrokerConfigurer { @Override public void registerStompEndpoints(StompEndpointRegistry registry) { registry.addEndpoint("/ws").setAllowedOriginPatterns("*") .withSockJS(); } @Override public void configureMessageBroker..

axios로 json을 받아와서 v-text로 받아온 값을 출력하는 데 생긴 문제입니다. {{ item.publisher.userId }} {{ item.title }} {{ item.price }} {{ item.content }} 제 생각에는 mount단계에서 item.publisher 라는 배열의 값이 undefined가 되면서 예외를 발생시키는 것이 원인입니다. 해결 해결책에는 두가지가 있습니다. 첫번째 data(){ return{ item:{ publisher:{ userId:"" } }, user:{} } }, 사용하고자 하는 배열의 원소를 직접 지정하는 것 입니다. 두번째 {{ item?.publisher?.userId }} 참조 https://stackoverflow.com/question..

마운트 직후 라우터에서 params를 불러올때 undefined 가 불러지는 문제입니다. 해결 this.$router.currentRoute._value.params 를 사용하면 해결됩니다.

@GetMapping("/{count}") public ResponseEntity getItems(@PathVariable int count) { Page pages=itemService.getItems(count); List items=new ArrayList(); for(Item item:pages.getContent()){ ItemDTO itemDTO=ItemDTO.builder().id(item.getId()).content(item.getContent()).title(item.getTitle()) .price(item.getPrice()).place(item.getPlace()).build(); itemDTO.setPhotos(new ArrayList()); itemDTO.getPhotos()...

이때 까지는 항상 컴포넌트 마다 axios를 임포트 해와서 CRUD를 구현 해 왔다. 하지만 그때마다 요청의 헤더에 토큰을 주입해서 전달하기 여간 귀찮은 일이 아닙니다. 그래서 찾아보던중 axios의 인터셉터 설정을 하면 요청마다 일일이 토큰을 주입하지 않아도 된다는 것을 알게되었습니다. 해결 import { createApp } from 'vue' import router from './index.js' import App from './App.vue' import mitt from 'mitt'; import axios from 'axios'; axios.interceptors.request.use((config)=>{ const token = localStorage.getItem('token'); i..

로그인 시에 localStorage에 토큰을 저장하는데 까진 했는데 로그인 버튼을 로그아웃으로 바꾸는 문제 해결중 24/02/05 해결 emitter를 사용해 해결했습니다. 로그인 시에 login이벤트를 발생시켜 data의 값을 변경했습니다. 중고거래 로그인 아직 회원이 아니신가요? 회원가입

import java.io.IOException; import java.nio.file.Paths; import java.util.HashMap; import java.util.UUID; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.HttpCookie; import org.springframework.http.HttpHeaders; import org.springframework.http.ResponseEntity; import org.springframework.web.bind.annotation.CrossOrigin; import org.springframework.web.bi..