Kompilacja niezależna od środowiska za pomocą szablonu Webue Vue

Question

Używam serwera kompilacji do budowania moich projektów Vue, używając polecenia npm run build ładnie dostarczonego przez szablon Vue 2. Szablon Vue zapewnia także dostęp do danych specyficznych dla środowiska, które można skonfigurować w plikach znajdujących się pod katalogiem config. Rzeczy takie jak prod.env.js, itp. Następnie dostęp do tych danych poprzez process.env.API_PREFIX, jak widać w instrukcji szablonu.

Chcę móc raz zbudować kod, a następnie wdrożyć tę samą kompilację (zdefiniowaną przez wyjście w Dist) do wielu serwerów, ale różne serwery mają inną konfigurację (różne API_PREFIX itd.). Obecnie referencje process.env są rozszerzane w czasie kompilacji przez kompilator Webpack. Dlatego muszę odbudować dla każdego środowiska.

Mogę wymyślić kilka sposobów na zrobienie tego - oczywiście ładowanie konfiguracji musi nastąpić w czasie wykonywania, a biorąc pod uwagę, że działa w przeglądarce i musi odwoływać się do jakiegoś pliku, to musiałoby przejść przez żądanie AJAX dotyczące statycznej konfiguracji JSON obsługiwane przez serwer WWW osobno lub podobne. Ale chciałbym wiedzieć, jak ktokolwiek tutaj poradziłby sobie z tym wymogiem.

Answer 1

Bez znajomości specyficznej architektury trudno jest udzielić konkretnych porad. Zamiast tego zostawię kilka ogólnych pomysłów.

Aby zrobić to, co chcesz w rozsądny sposób, prawdopodobnie będziesz musiał wyprowadzić prefiks z domeny, w której obsługujesz interfejs.

Istnieje kilka rzeczy, które można wykorzystać do tego, oprócz korzystania window.location przy starcie:

• Ścieżki względne /api/myinformation - prefiks zostanie automatycznie pochodzące z domeny, gdzie serwowane jest nakładka.
• proxy lokalny podczas rozwoju, ponieważ możesz nie chcieć, aby uruchomić backend na localhost https://github.com/vuejs-templates/webpack/blob/master/docs/proxy.md
• Proxy przepisać ścieżki na nginx lub podobne: https://stackoverflow.com/a/3017720/1445812

Nawet jeśli to nie rozwiąże Twój konkretny przypadek, nadzieja daje wyobrażenie o tym, co jest dostępne.