Я уже некоторое время искал в Интернете и даже проверил все предложенные вопросы, но ничего не нашел.
В основном я использую vue-router для загрузки представлений, когда пользователь нажимает на них(без предварительной выборки, просто отложенная загрузка), используя функцию, которая импортирует вид / компонент Vue. Чтобы лучше визуализировать, я сделал простой пример того, что я делаю:
const router = new VueRouter({
routes: [
...
{
path: "/a_page",
component: function() {
return import("./views/A_Page.vue");
}
}
]
});
Я использую Express в бэкэнде для защиты определенных маршрутов, потому что защита его в Frontend - пустая трата усилий, так какпользователь может легко обойти «защиту», если захочет. Также у всех представлений есть свой собственный разделенный файл .js (с использованием "webpackChunkName" ), и Express требуется заголовок токена проверки подлинности для каждого вызова API ИЛИ .js запрошенный файл. Это прекрасно работает с Axios (ответственным за выборку данных API), где вы можете вручную определить заголовок, но у vue-router нет этой опции, и поскольку он не отправляет заголовок авторизации, он не аутентифицируется, Express блокируетфайл с 403 и vue-router не может импортировать файл.
Есть ли способ отправить заголовок авторизации с импортом (который по сути является просто запросом GET)?
Спасибо зазаранее.
Если кто-то считает, что я неправильно подхожу к проблеме, не стесняйтесь комментировать и предлагать другой способ.
РЕДАКТИРОВАТЬ: Предложенному дублирующему вопросу было уделено слишком мало внимания, и единственное решение (которое в основном разделено на 2) больше не работает с текущим веб-пакетом;onload (событие) и onerror (событие) становятся неопределенными.