Как прикрутить БЭК к проекту Vue?

Question

[danilr]

В каталоге слева папка dist - сбилженный фронтенд, как туда прикрутить бэкенд? Разместил папку dist на локальном OpenServer

Comments

[alex]

гениально, просто гениально

[Дархан]

А где ваш веб-сервер для бэка?) PHP-FPM там

[danilr]

Дархан Камалиев, буду признателен за объяснения. Я не знаю бэк, но мне очень нужно это подключить.
Объясните, что я делаю не так и почему? У меня есть openServer, до этого в другом проекте запускал делал домен там и запускал Npm run watch и все работало

[Артем Лукьянов]

Что за тема на вскоде?

Answer 1

[Владимир Скибин]

Если у Вас используется это все для разработки, то:

0. Настраиваете чтобы openServer работал под Nginx + apache или Nginx + php-fpm
1. Создайте свой домен в openServer - создаете папку
2. Если бэк на php - то можно размещать все что есть именно там - это будет его док-рут (я не знаю Вашего окружения, но так делать на проде нельзя будет)
3. Копируете конфиги из userfiles для Вашей конфигурации в папку с доменом и правите конфиг nginx, чтобы смотрел к примеру на localhost:3000 (или по какому адресу у Вас вертится vue) а для пути вида ~* ^/api/ - ходил на apache или php-fpm.

Comments

[danilr]

Каждый пункт для меня что-то новое и не особо понятное)
Нельзя проще как нибудь? У меня есть другой проект, который работает чисто под OpenServer без надстроек - просто прописан путь к папке в доменах. Там структура такая - index.html и папка с send.php, на который отправляет js запрос. В том и в этом проекте мне нужно всего лишь чтобы отправлялись письма с заявок на электронную почту. Повторюсь, там все работает без nginx, насколько я знаю, Open Server построен на Apache.
Разница в том, что тут для фронта проект на Vue, а там всего один ручной файл index.html.
Как организовать структуру чтобы js находил этот БЭК и на сервере все работало, в этом главный вопрос.

Вот, я делаю npm run build - на выходе получаю папку фронта dist. Мне нужно папку с бэком под именем ajax закинуть в папку dist и указать путь до dist в OpenServer?

[Дмитрий Евграфович]

danilr, опенсервер может работать:
1. На Apache 2.2
2. На Apache 2.4
3. На nginx
4. На nginx + Apache
Он при запуске собирает конфиги для выбранной опции и запускает с ними выбранный сервер на локальной машине. Настройка nginx и Apache отличается, по идее вам достаточно для опенсервера переместить содержимое папки dist и скрипт send.php в папку document root, это либо корень проекта, либо public, либо public_html, посмотреть можно в настройках опенсервера. Можно и папку dist назначить document root, но тогда send.php придется туда перемещать (с обработкой файлов PHP вне dist вы мне кажется не справитесь). Вот только беда в том, что на сервере клиента опенсервера не будет и вам придется настроить это все вручную, а для этого надо понимать, как настраивается nginx или Apache.

[Владимир Скибин]

danilr, Если Вы работает с уже с build, то не морочьте голову и укажите dist как папку docuemnt_root -> зайдите в настройки openserver -> укажите на табе Домены корневую папку dist. Перезапустите openserver и положите в папку dist свой php. Обращаться к нему смежете так: domain.com/ajax.php ну или какой у Вас там домен и файл.

[danilr]

Дмитрий Евграфович, вот сейчас все что объяснили понял) только теперь надо разобраться все таки как настроить nginx и apache)

[danilr]

Владимир Скибин, конечно так можно сделать, но мне надо постоянно что-то править, а если перезапускать сборку - он удаляет папку dist каждый раз - поэтому нужно все таки nginx как то настроить.

[Владимир Скибин]

danilr, так сделайте тогда как описано выше

[danilr]

Владимир Скибин, какие файлы нужно скопировать в корень проекта? И мне же надо удалить там все и свои настройки какие-то вписать?

[Владимир Скибин]

danilr, Покажите скрин настроек сервера - какая у Вас там конфигурация выбрана - те файлы vhost и берите

Answer 2

[Роман]

Проще всего - на другой порт. Ну или на другой поддомен/домен. И туда обычные http-запросы аксиосом делать.

Comments

[danilr]

извините, пожалуйста, но для меня это только слова, так как в теории бэк не смыслю практически ничего. У меня есть заказ и надо сделать отправку писем на почту. Только аксис тут знаком, именно им и пытаюсь делать запрос на бэк.