Основная проблема с CORS была решена в моем предыдущем вопросе , однако теперь я начинаю тестировать его в Vue, и у меня все еще есть проблемы с CORS.
Пожалуйста, посмотрите наэтот код:
https://jsfiddle.net/xodk3h9u/
Примечание: если вы видите изображение на холсте правильно или изображение выгружено, пожалуйста, кэшируйте + перезагрузите браузер, чтобы увидеть ошибку или изображение.
Если вы нажмете на кнопку и откроете консоль, вы увидите, что получаете CORS-ошибку:
Доступ к изображению в 'https://local -spaces.fra1.digitaloceanspaces.com / test.jpg 'origin' null 'заблокировано политикой CORS: в запрошенном ресурсе отсутствует заголовок' Access-Control-Allow-Origin '.
Текущая проблема заключается в том, что Vue каким-то образом загружает два запроса к предварительно загруженному изображению. Первый с cors, второй с no-cors. Позже приводит к неправильному кешированию изображения. Таким образом, нажатие на кнопку приводит к ошибке.
Почему Vue загружает изображение для второго раунда?
