soso

49. 계약(연동) 48. 계약(백엔드 수정) 연동 백엔드 연동 import axios from 'axios'; export default { async created(){ const url = `/REST/scoutone?sno=${this.sno}`; const headers = {"Content-Type":"application/json", token : this.token}; const response = await axios.get(url,{headers}); // console.log(response); this.scout = response.data.scout; this.player = response.data.scout.player; this.agent = response.data.scou..

28. vue 생성(spring 연동) vue 폴더 생성 1. vue 폴더를 생성할 위치에서 cmd 창 실행 2. 폴더 생성 설정 1. 생성한 vue 실행 2. vue.config.js 생성, spring 연동 module.exports= { //개발 서버 설정 devServer: { //프록시 설정 proxy: { //127.0.0.1:8080/REST '/REST':{ //프록시 요청을 보낸 서버의 주소 target: 'http://localhost:8080', changeOrigin: true, logLevel: 'debug', } }, //vue의 포트 번호 //127.0.0.1:9090 port: 9090 } }; 라우터 설치 * 라우터 : 라우팅(웹 페이지 간 이동방법) 기능을 구현할 수 있게..

22. 회원가입 -회원 가입 백엔드 : #45 회원가입 * axios 설치(cmd) *회원가입 회면 구성(Join.vue) 회원 가입 이메일 암호 암호 확인 이름 고객 판매자 관리자 *회면 확인 *회원가입 버튼 클릭 시 이벤트 구성(Join.vue) *console.log(response); 를 이용해 버튼 클릭 후 전달값 확인한다. import axios from 'axios' export default { methods:{ async handleJoin(){ const url = "/REST/api/member/join"; const headers = {"Content-Type":"application/json"} const body = { email : this.email, passwd : this..

21. Spring 연동 #10 참조 -폴더 생성 -설정하기(백엔드 연동) *vue.config.js 생성(vue20211005) module.exports= { //개발 서버 설정 devServer: { //프록시 설정 proxy: { //127.0.0.1:8080/REST/api '/REST/api':{ //프록시 요청을 보낸 서버의 주소 target: 'http://localhost:8080', changeOrigin: true, logLevel: 'debug', } }, //vue의 포트 번호 //127.0.0.1:9090 port: 9090 } }; -vue 생성, 라우터 설치 *vue 생성(join, login) *라우터 설치(cmd) * npm install vue-router@next --..