BXVoral
@BXVoral
Веб-разработка

Можно ли запустить vite так, чтобы в режиме разработки (с наблюдением за изменением кода) пересобирались файлы?

Есть, уже существующий сайт. Генерирует страницы на PHP. Один из разделов будет представлять из себя SPA. Для этого используется vue3 (и vite). Сайт выступает в качестве бека. Для работы с беком используется axios. При этом есть данные, которые передаются в обе стороны через http заголовки. Сайт локально (на машине разработки) поднят на домене mysite.loc (используется apache).

В package.json прописаны стандартные скрипты:
"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },


Итак запускаю проект в режиме разработки yarn dev SPA запускается на localhost:5173 и вот тут начинаются проблемы из-за CORS. Запустить приложение на сайте я не могу, т.к. в dev файлы не генерируются, в каталоге назначения. Т.е. запускаю на указанном. Приходится ставить временный костыль на стороне бека разрешающий запросы с этого адреса. Но вот не могу разрешить заголовки. Точнее так: исходящие от бека заголовки видны в браузере, но axios их не показывает.. входящие (с фронта) так же не могу получить на беке так же не могу настроить (да и вообще не хотелось бы на беке специальные правки вносить)...

Можно ли запустить vite так, чтобы в режиме разработки (с наблюдением за изменением кода) пересобирались файлы? (автообновлением спа в браузере я готов и пожертвовать)
  • Вопрос задан
  • 136 просмотров
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
Один из способов решения проблемы cors на dev сервере такой:
Путь до бека хранить в двух файлах: .env.local и .env.development.local
https://vitejs.dev/guide/env-and-mode.html#env-files

сделать два параметра:
VITE_APP_API
и API_PROXY
в .env.development.local в качестве VITE_APP_API указывать /api а в качестве API_PROXY - путь до реального api а в .env.local использовать только параметр VITE_APP_API с url реального api

в конфиге загрузить соответствующие .env файлы https://vitejs.dev/config/#using-environment-varia... и настроить прокси до апи: https://vitejs.dev/config/server-options.html#serv... если есть env.API_PROXY
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы