Vue 프로젝트 영화 검색 추가 요청

 

Vue 프로젝트 영화 검색 추가 요청

 

1. /src/store/movie.js 수정

- 영화 검색 추가 요청 코드 작성

 

import axios from 'axios'

export default {
  ... 생략
  // 비동기
  actions: {
    async searchMovies({ state, commit }, payload) {
      ... 생략

      const total = parseInt(totalResults, 10)
      const pageLength = Math.ceil(total / 10)

      // 추가 요청
      if (pageLength > 1) {
        for (let page = 2; page <= pageLength; page += 1) {
          if (page > (number / 10)) break
          const res = await axios.get(`https://www.omdbapi.com/?apikey=${OMDB_API_KEY}&s=${title}&type=${type}&y=${year}&page=${page}`)
          const { Search } = res.data
          commit('updateState', {
            movies: [...state.movies, ...Search]
          })
        }
      }
    }
  }
}

 

결과