Как правильно настроить прокси для интеграции VUE в существующий проект?

Question

[Александр]

Приветствую уважаемое сообщество!
Хочу интегрировать вью в адмипанель сайта
например сейчас у меня есть страница с модулем вида
presta:8080/admin5940aaspc/index.php/modules/prodc...
здесь я создал div#app для того чтобы сюда рендерился компонент

В папку с модулем инсталировал вью
тепрь встал вопрос как настроить прокси

во первых ситуация с токеном безопасности, страничка без токена не будет работать
и токен каждую сесию меняется

Второе - как правильно настроить прокси сервер, потому что сейчас он у меня открывается тупо на localhost:8081
и ничего не проксирует

devServer: {
    proxy: {
      '/': {
        target: 'http://presta:8080/admin5940aaspc/index.php/modules/prodconf/main?token=b5460a8328a8e3de4ce2cc67bd240c47'
      }
    }
}

не вполне понимаю как устанавливать контекст
поставил "/" для всех запросов, но что то не фурычит

Answer 1

[coderisimo]

Просто личный опыт.
На бэкенде создал метод который возвращает токен, метод работает только на локальной машине. Т.е при старте приложения если это DEV, приложение запрашивает токен у сервера.


Прокси надо настраивать на бэкенд. Т.е если вы работаете локально то у вас должен присутствовать бэкенд. В моем случае это докер и все запросы я отправляю на 127.0.0.1:8000

Comments

[Александр]

Спасибо, очень интересно
с токеном понял как действовать
а вот насчет настройки прокси, что куда проксировать не понял

у меня сайт крутиться на апаче на порту 8080
админпанель presta:8080/admin5940aaspc/index.php

на 80 работает nginx, но конкретно на этот сайт я не делал проксирование статики

я немного запутался
не пойму что писать в context
а что в target
а что в pathRewrite

[coderisimo]

Александр,
Я не представляю , какая у вас структура проекта. Но в target должен быть базовый URL по которому шлются все AJAX запросы. Т.е запросы будут приходить на вебпак и он будет их переадресовывать на target , соответственно будут обрабатываться и ответы.
Так же надо понять как бэк проверяет токен и добавить его, токен, куда надо. В моем случае я добавлял заголовки 'X-CSRF-TOKEN' в каждый реквест.