Как вернуть данные из VueJS Single File Component, скомпилированного в пакет UMD, встроенный на веб-сайт с использованием тега <script> - PullRequest
0 голосов
/ 04 мая 2020

Я создаю несколько динамических c форм с использованием VueJS, которые затем будут встроены в однофайловые компоненты, а именно в пакеты UMD, и использованы в качестве приложений микро-интерфейса, встроенных в веб-сайт, с использованием тега <script>.

Структура каждой формы следующая:

some_form_dir
 - some_form.scss
 - some_form.vue
 - some_form.js
 - component.js

Где первые три файла: стили, шаблон и контроллер формы, а файл component.js используется для объединения их в SF C, который затем будет встроен в UGD. будет выглядеть так: <div id="AccountLoginForm" data-site-hash-id="SOME_HASH"></div>

Как вы можете видеть, я - одна опора, которая называется siteHashId, что составляет около 1030 * подстраницы, на которой я сейчас нахожусь.
Это бэкэнд- сгенерировано.
Требуется на моем сайте, для запросов к API.

При входе в систему с помощью формы входа в систему приложение получает стандартный ответ сервера: заголовок ответа, в котором также указывается токен авторизации, отправленный из бэкэнда.
Этот токен авторизации необходим для других моих форм при отправке некоторых запросов API, как в этой форме, используется для редактирования данных учетной записи.

Но у этой формы входа еще нет механизма для возврата данного токена авторизации.

Я подумываю о том, чтобы передать объект окна браузера как второй объект в форму входа в систему, затем добавить токен авторизации в качестве свойства объекта окна и использовать его на моем веб-сайте, в который встроена форма входа.

Существует ли какой-либо стандартизированный VueJS подход для выполнения такого типа возврата данных?

...