Vue aplikace pro přístup k API č.8 – Vypíšeme si produkty v naší vue aplikaci
Tak konečně se dostáváme k výpisu produktů z našeho API.
Tak konečně se dostáváme k výpisu produktů z našeho API.
Tak v projektu máme nasitalováno vuetify a chtěla bych si vytvořit resposivní navigaci pro všechny stránky, kromě přihlašovací. Tak pojďme na to
Zatím jsem vůbec nějak neřešila design našich stránek, ale dneska jsem se rozhodla že použiji knihovnu Vuetify. Takže pojďmě si ji do projektu přidat
V minulém díle jsem si přidali do naší aplikace možnost přihlášení do API. Dnes bych chtěla pojračovat v zabezepčení celé aplikace, tak aby byla dostupná pouze pro přihlášené uživatele.
Dneska jedno malé vylepšení. Protože používám naše API na různých vývojových prostředí s různou konfigurací, nelíbí se mi natvrdo vložené konfigurace prostředí ve skriptech. Do našeho APi si přidáme použití Dotenv proměnných, které jednak zpřehledňují náš kód, jednak umožňují snazší konfiguraci na různých prostředích a také přispívají k větší bezpečnosti našeho API.
Dneska si uděláme přihlášení do API v naší aplikaci Vue.
V minulém díle jsme si do našeho API přidali CORS pro přístup k našemu API z jiné domény. Ale protože budu chtít naše APi používat z jiné domény v aplikaci běžící na Vue je je ětě potřeba vyřešit tzv. předběžné požadavaky (preflight request) kdy naše Vue aplikace bude zjišťovat OPTIONS požadavkem, zda jsou povoeleny speciální akce. Další věc, kterou si zároveň upravím bude kontrola autentizace nejem pomocí cookie , ale také pomocí speciální hlavičky AUTHTOKEN, aby se mi s tím…
Zatím máme ve Vue pouze jednu stránku, ale zřejmě budeme chtít přidat další stránky.
Nyní si otestuji zda budeme schopni z naší Vue aplikaci přistupovat na testovací endpoint, všechno samozřejmě zkouším na localhostu, kde mi API běží na doméně api.local.
Rozhodla jsem se vytvořit aplikaci ve Vue, která bude přistupovat k našemu API. Aby to bylo možné doplníme si APi o endpoint na testování