Marvellous! rusaxxx got +1 from theartkod. 1 karma in total.

возможно, в общем пытаюсь установить initial image из урла полученного с сервера. Все норм, только отправить на сервер новую картинку не выходит, пишет
"DOMException: Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exported."
Это лечиться тем, что нужно добавить crossorigin="anonymus", но если добавляешь - получаешь ошибку CORS при попытке установить initial image. Замкнутый круг

Ребята, привет) Подскажите пожалуйста как с дэфолтного лэйаута вызвать метод на текущей странице(например index.vue)?

++ https://t.me/nuxtjs_ru/86605

Choice! stalker3343 got +1 from theartkod. 1 karma in total.

Вот код:
<client-only>
           <croppa
             v-model="croppa"
             ref="croppa"
             :width="235"
             :height="235"
             placeholder="Выберете изображение"
             :placeholder-font-size="18"
             :prevent-white-space="true"
             remove-button-color="black"
             @file-choose="handleFileChoose"
             ><img
               slot="initial"
               crossorigin="anonymus"
               :src="company.info.thumbnail"
             />
           </croppa>
         </client-only>

Через рефы докопаться до компонента страницы

это мне ни о чем не говорит. После чего возникает корс ошибка? при выгрузке файла на сервер? хттп запросы - не зона ответственности кроппера

Лол, карму дают. Прикольно. А можно рейтинг всех в чате где-то посмотреть?

Ошибка возникает при попытке инициализировать картинку из внешнего урла

придется тогда настроить прокси для внешних картинок

который локально указывает на соседнюю папку backend где все работает на другом порту

и все картинки везде видно, кроме этого vue-croppa

любой фронтендовский кроппер грузит картинку через XHR, который попадает под корс, так что это закономерно

Не понял если честно, но появилась другая идея как это сделать. Спасибо)

либо прокси, либо сделать кроппер который будет передавать на сервер только параметры обрезки а обрезку будет делать сам сервер

Кроппер получает вот такую ссылку http://localhost:8000/storage/company/avatars/no-image.jpg

фронтэнд на другом порту?

которую и не может загрузить и выдает ошибку cors

да, фронт и бек разные порты