vue controller 랑 통신법

---

✅ js file 에 이렇게 명시

import request from '@/utils/request'

/* 학습 데이터 가져오기 (GET) */
export function getTrainingData(params){
    return request({
        url: '/api/train-data/',
        method: 'get',
        params: { 
            limitNum : params.limitNum || 10,
            rowNum : (params.pageNum-1) * params.limitNum || 0,
            tdiNameSearch : params.tdiNameSearch || '',
            tdiSeq : params.tdiSeq || 0
        }
    })
}


/* 학습 데이터 등록하기 (POST) */
export function setTrainingData(data){
    const frm = new FormData()
	frm.append('tdiDescription', data.tdiDescription)
	frm.append('tdiFilePath', data.tdiFilePath)
	frm.append('tdiName', data.tdiName)

	return request({
		url: '/api/train-data/',
		method: 'post',
		headers: {
			'Content-Type': 'application/x-www-form-urlencoded'
		},
        data : frm
	})
}


/* 학습 데이터 상태 수정하기 (PUT) */
export function updateTrainingData(tdiSeqList){
    return request({
        url: `/api/train-data/`, //"base url을 제외한 리소스명(URI)"
        method: 'put',
        params: {
            tdiSeqList : tdiSeqList,
            tdiState : 5 //삭제 처리는 '5'에 해당됨.
        }
    })
}

/* 학습 데이터 등록 실패 사유 가져오기 (GET) */
export function getErrorMessage(tdiSeq){
    return request({
        url: '/api/train-data/error-msg',
        method: 'get',
        params: { 
            tdiSeq : tdiSeq || 0
        }
    })
}


/* 학습 데이터 Total Count 가져오기 (GET) */
export function getTotalCount(){
    return request({
        url: '/api/train-data/total-cnt',
        method: 'get',
    })
}

 

 

✅ vue js 에서 파일 import

 

import { getTrainingData, getTotalCount, getErrorMessage, updateTrainingData } from '@/api/data/training'

 

✅ vue 에서 사용

  methods: { 
  
  	async fetchList() {
    
      this.listLoading = true
      //학습 데이터 불러오기
      await getTrainingData(this.listQuery).then((res)=>{
        this.list = res.data.response_data
      }).catch((err)=>{
        console.log(err)
      })
      
      //전체 카운트 불러오기
      await getTotalCount().then((res)=>{
        this.total = res.data.response_data.totalCnt
        this.listLoading = false
      }).catch((err)=>{
        console.log(err)
      })
      
    }
    
}

---