Frontend + Backend + Database

Odpowiedz Nowy wątek
2019-05-13 13:18
0

Siema, robię ze znajomym projekt, taki pseudo filmweb. Jestem odpowiedzialny za warstwę frontendową (Vue.js), on za backend (Java), trochę nie rozumiem jak te dwie warstwy mają współgrać.Ze swojej strony zrobiłem rejestrację i logowanie, które od razu idą do bazy danych za pomocą axios, resztę rzeczy również wydaje mi się ,że mógłbym zrobić bezpośrednio na froncie, jednak jaka jest wtedy funkcja backendu? Czy ktoś mógłby mi wytłumaczyć na jakiej zasadzie te dwie warstwy miałyby wspólnie współgrać i podac jakieś ewentualne przykłady? Jak skomunikować front z backiem etc?

Pozostało 580 znaków

2019-05-15 15:37
2

Nie mam rozwiązania, ale widzę tyle, że jest to problem związany z https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS, oraz że najprawdopodobniej polega na tym, ze zmienił Ci się numer portu. Jeśli miałbyś możliwość, to ustaw oba porty na taki sam numer (albo 8080, albo 8081, no albo jeszcze jakiś inny).


edytowany 2x, ostatnio: Silv, 2019-05-15 15:38
@cerrato: doceniasz moje posty przed ich przeczytaniem? ;) - Silv 2019-05-15 15:38
Jak to przed przeczytaniem? - cerrato 2019-05-15 15:41
Bo żeby w minutę zauważyć, przeczytać i dojść do refleksji, że można docenić... Ja wiem, szybko... - Silv 2019-05-15 15:42
Zobaczyłem post, rzuciłem okiem (pobieżnie - bo temat mnie nie dotyczy) na podany link, dałem łapkę doceniając włożone zaangażowanie oraz skojarzenie tematów (ze to, o czym OP pisze, może mieć związek z podlinkowaną kwestią). Nie wiem, co z w tym złego :P - cerrato 2019-05-15 15:54
Nic, nic. :) Rób jak uważasz. Tak chciałem zażartować. - Silv 2019-05-15 15:58
łapki to poważna sprawa, z której nie powinno się żartować :( - cerrato 2019-05-15 16:12

Pozostało 580 znaków

2019-05-15 20:28
1

Backend masz pewnie uruchomiony na 8080, więc Vue startuje na 8081. Musisz albo dodać AllowedOrigins w backendzie, albo ustawić proxy we frontendzie. Ja używam nuxt.js i tę sprawę załatwia nuxt-proxy-module.

Pozostało 580 znaków

2019-05-19 23:30
0
kkojot napisał(a):

Backend masz pewnie uruchomiony na 8080, więc Vue startuje na 8081. Musisz albo dodać AllowedOrigins w backendzie, albo ustawić proxy we frontendzie. Ja używam nuxt.js i tę sprawę załatwia nuxt-proxy-module.

To jest dokładnie ten problem, back startuje na 8080, Vue na 8081, mógłbyś opowiedzieć więcej o AllowedOrigins na backendzie?

Pozostało 580 znaków

2019-05-19 23:30
0
Nindzia napisał(a):
kkojot napisał(a):

Backend masz pewnie uruchomiony na 8080, więc Vue startuje na 8081. Musisz albo dodać AllowedOrigins w backendzie, albo ustawić proxy we frontendzie. Ja używam nuxt.js i tę sprawę załatwia nuxt-proxy-module.

To jest dokładnie ten problem, back startuje na 8080, Vue na 8081, mógłbyś opowiedzieć więcej o AllowedOrigins na backendzie?

Ewentualnie jak uruchomić backend i frontend na jednym porcie (o ile to w ogóle możliwe?)

Pozostało 580 znaków

2019-05-20 07:51

Dwóch usług na jednym porcie nie uruchomisz. Generalnie masz trzy opcje:

  • dodać proxy
  • dodać headery w requescie
  • włączyć CORS w backendzie

Jak zamierzasz później deployować tę aplikację? Zakładam, że pewnie w Vue wygenerujesz builda, tzn. wszystkie porzebne pliki .js, .css .html i umieścisz je w public_html w backendzie, a to zdeployujesz na produkcję. W takim razie na produkcji nie będziesz miał tego problemu, więc polecam do developmentu proxy, spróbuj tego https://cli.vuejs.org/config/#devserver-proxy

Pozostałe tematy to googluj w zależności od tego co używasz: enable cors java, spring enable cors, axios cors header itp

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0