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하신분 있으면 알려주시면 감사하겠습니다;