Używam szablonu vue-cli
webpack-simple
do generowania moich projektów, a ja chciałbym prosić o serwer proxy na osobny serwer zaplecza. Jak można to łatwo osiągnąć?Żądania proxy na oddzielnym serwerze zaplecza z vue-cli
Odpowiedz
Jeśli używasz webpack
szablon z vue-cli
, można znaleźć wymagane informacje zawarte w tym dokumencie referencyjnym:
http://vuejs-templates.github.io/webpack/proxy.html
Albo zamiast zmieniać szablon teraz, można skopiować odpowiedni config z szablon webpack
do lokalnego szablonu webpack-simple
.
EDIT: Więcej informacji z mojej lokalnej konfiguracji
To co mam w config/index.js
pod module.exports
:
dev: {
env: require('./dev.env'),
port: 4200,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://localhost:8080',
changeOrigin: true
},
'/images': {
target: 'http://localhost:8080',
changeOrigin: true
},
// and so on...
Powyższa konfiguracja przebiega mój vue-cli
na porcie 4200, a ja prowadzę serwer na porcie 8080.
EDYCJA: poprawione informacje o CORS po komentarzu nr 4 i nr 5
Uwaga:
- Opcja
changeOrigin
wdev.proxyTable
(w WebPACK config) gwarantuje, że nie trzeba służyć nagłówki Cors na swoich odpowiedziach API serwera. - Jeśli z jakiegokolwiek powodu postanowisz pominąć
changeOrigin
, musisz upewnić się, że interfejs API serwera zawieraAccess-Control-Allow-Origin: *
(lub odpowiednik) w nagłówkach odpowiedzi.
Referencje:
Czy korzystanie z prostego szablonu jest trudniejsze? –
Myślę, że "webpack-simple" ma na celu rozpoczęcie pracy z Vue.js. Szablon 'webpack' zapewnia dużo więcej konfiguracji, a nawet zawiera [szczegółową stronę pomocy] (http://vuejs-templates.github.io/webpack/) w celu uzyskania dodatkowych informacji. – Mani
Jak słusznie powiedziałeś, później stanie się trudniejsze, jeśli zaczniesz od prostego szablonu i napiszesz dużo kodu, ponieważ musisz sam wykonać wszystkie dodatkowe czynności konfiguracyjne. – Mani
- 1. Żądania proxy Dart na serwerze zaplecza podczas programowania
- 2. jak wykonać serwer proxy do serwera zaplecza na określonej ścieżce?
- 3. BrowserSync proxy na zdalnym serwerze z Gulp?
- 4. WebPack-dev-serwer z zaplecza api
- 5. Używanie Ruby do publikowania żądania XML na serwerze internetowym
- 6. Jak poprawnie przekazywać żądania za pośrednictwem serwerów proxy z MITMProxy?
- 7. Serwery proxy z modułem "Żądania" w języku Python
- 8. Jak rejestrować żądania na stdout w serwerze Tornado?
- 9. DAO na innym serwerze aplikacji
- 10. Używanie socket.io z nodejs na serwerze z apache jako odwrotnym proxy
- 11. nginx na oddzielnym serwerze proxy_pass do wielu aplikacji railsowych z sub URI na samodzielnym stanowisku pasażera w różnych skrzynkach
- 12. najbardziej skutecznym sposobem na oddzielnym ciąg
- 13. Przechowuj i prześlij żądania HTTP z ponownymi próbami?
- 14. 400 nieprawidłowych żądań na serwerze proxy nginx do tomcat, ale nie na zawartość statyczną
- 15. DataTemplate w oddzielnym ResourceDictionary
- 16. Pisanie aplikacji internetowej z "bez zaplecza"
- 17. Utwórz obiekt z klasy w oddzielnym pliku
- 18. Wyświetlanie modelu skojarzonego z oddzielnym kontrolerem
- 19. Serwer proxy Jmeter nie przechwytuje żądania przesłania pliku
- 20. Wywołanie funkcji ColdFusion na innym serwerze?
- 21. CORS - AJAX między domenami bez JSONP Dzięki zezwoleniu na pochodzenie na serwerze
- 22. TabItem w oddzielnym XAML
- 23. Wiele systemów zaplecza Django Storage
- 24. Problemy z cakephp i httpd.conf na serwerze apache Windows (wampie)
- 25. Przesyłanie plików Nginx do serwera zaplecza
- 26. Korzystanie z SimpleHTTP Haskell z proxy?
- 27. Nagłówek żądania dostępu w serwerze DataSnap Delphi XE3
- 28. Ustawienia mod_proxy na serwerze http apache
- 29. Jak odwrócić żądania klienta POST i żądania PUT za pomocą węzła-http-proxy
- 30. Na serwerze kolejki pamięci
naprawdę nie warto dokładnie przyjrzeć 'boilerplate Vue-cli' i używane [ten generator yeoman] (https://github.com/fountainjs/generator-fountain-vue) zamiast tego. Zacząłem, nawet gdy miałem małą wiedzę na temat webpack/gulp/browser-sync (chociaż było kilka gotch, kiedy próbowałem zintegrować go z backendem). Myślę, że warto spojrzeć i wybrać pomiędzy "vue-cli" a tym. –