Файловый сервер дает ошибку CORS с vue-croppa

Question

Это мой шаблон кода:

<croppa
  v-model="croppers[i]"
  placeholder="Select Image"
  initial-size="contain"
  :placeholder-font-size="25"
  :show-remove-button="false"
  :initial-image="initialImages[i]"
 ></croppa>

Это мой скрипт для обновления начальных значений изображения для каждого обрезателя.

for (i = 0; i < 6; i++) {
    this.croppers[i].refresh()
    this.imageNames[i] = ''
    if (this.editProductFlag && (typeof this.productDetails.images !== 'undefined')) {
      if (typeof this.productDetails.images[i] !== 'undefined') {
        this.initialImages[i] = this.productDetails.images[i].image
        this.imageNames[i] = this.productDetails.images[i].description
      }
    }
  }

Это ошибка, которую я получаю

Access to image at 'https://dev-pickl-img-static.pickl.pro/product_images/145/good_day5c3104b49e69b.png' from origin 'https://dev-app.pickl.pro' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Я пробовал также пометить crossorigin="anonymous", но он все еще не работает.Может кто-нибудь помочь мне с этим вопросом?

Answer 1

Нет, запросы CORS не работают так, как вы думаете.
Вы должны проверить документацию вашего поставщика изображений и посмотреть, есть ли возможность включить запросы CORS, иначе вы никогда не сможете получить изображения извнешний интерфейс.