vue 퀘이사4일차 파트2=_=

어찌어찌 해서 통신으로 vue.js로 데이터를 보내는꺼짜는 했습니다;

와와 박수 부탁요;;

<script>

export default {

data() {

return {

members:[]

};

},

methods: {

fetchData() {

var url = 'http://localhost:8081/member/login';

var data = {

id :'*****',

password :'*****'

}

axios

.post(url,data,{headers: { "Content-Type": application/json}})

.then(res => {

alert(res.status);

})

.catch(err => {

alert(err);

console.log(err);

});

}

},

created() {

this.fetchData();

}

};

근데 문제가 제가 본 강의는

<script setup>

을썻던건데

ajax통신은 <script>

form데이터는 <script setup>에서만 받아지고

ajax통신은 <script>에서만 되서;

하하;

뭔놈의 javascript는 이렇게 복잡하다니;

하루종일 해도 로그인도 못할판;

<script setup>과 <script>차이를 설명을 검색해도 모르겟;

<script setup>이걸로 ajax하신분 있으면 알려주시면 감사하겠습니다;