Vue 프로젝트 더 높은 해상도의 영화 포스터 가져오기

 

Vue 프로젝트 더 높은 해상도의 영화 포스터 가져오기

 

1. /src/routes/Movie.vue 수정

...
      <div
        :style="{ backgroundImage: `url(${requestDiffSizeImage(theMovie.Poster)})` }"
        class="poster">
      </div>
...

...
  created() {
    ...
  },
  methods: {
    requestDiffSizeImage(url, size = 700) {
      return url.replace('SX300', `SX${size}`)
    }
  }
...

 

---

 

참고

https://heropy.blog/2019/07/21/resizing-images-cloudfrount-lambda/

AWS Lambda@edge로 실시간 이미지 리사이징(updated)