как разместить приложение api и angular 5 в одном домене?

Question

как разместить приложение api и angular 5 в одном домене?

-2

Я создал угловое приложение с 5 фронтами, которому требуется backend rest api для работы с базой данных, и я создал этот backend api с laravel, и я обслуживаю каждый из них на другом порту в качестве отдельного домена, но мне нужно разместить оба из них в том же домене, чтобы угловые управляли маршрутами и были отдельные маршруты для бэкэнда, например, www.mydomain.com/anything для углового приложения, а www.mydomain.com/api/anything - для брандмауэра laravel. так есть ли способ сделать это, и если есть, можете ли вы упомянуть об этом или опубликовать ссылку на учебник для этого?

Mohamed Nagah 21 фев. 2018, в 00:44

Источник

Теги:

php

laravel

ajax

angular5

single-page-application

1 ответ

Ещё вопросы

Sam Jeston · Answer 1 · 2018-02-20T21-45-00.000Z

Для этого я бы рекомендовал использовать веб-сервер, например, NGINX.

Корневой путь должен служить вашему угловому приложению, а /api будет прокси-передаваться в ваш API.

Если ваш API работает на том же сервере, что и исходные файлы вашего углового приложения и на Port 3000, конфигурация сервера NGINX будет примерно такой:

server {
    listen 80 default_server;

    location / {
        root /path/to/angular/app;
    }

    location /api {
        proxy_pass http://localhost:3000;
    }
}

Существует множество руководств по обратным прокси с NGINX. Это один из примеров: https://www.digitalocean.com/community/tutorials/understanding-nginx-http-proxying-load-balancing-buffering-and-caching

Кроме того, вы можете напрямую обратиться к документации NGINX: http://nginx.org/en/docs/http/ngx_http_proxy_module.html

я собираюсь разместить сайт на веб-сервере общего хостинга, так что, скорее всего, это будет сервер Apache