Protams, lūk,
Programmēšanā ir ļoti svarīgi saprast, kas ir bāzes URL; tā ir visu mūsu lietojumprogrammas maršrutu sakne. Vietnē Vue.js, kas ir viens no populārākajiem JavaScript ietvariem, šī ideja kļūst īpaši svarīga maršrutēšanas laikā. Šajā rakstā mēs pievērsīsimies tam, kā iegūt pamata URL vietnē Vue.js.
Vue.js ir progresīvs JavaScript ietvars, kas ir viegli pieejams lietotājiem. Lai gan tas ir neticami spēcīgs vienas lapas lietojumprogrammu veidošanai, izstrādātāji bieži saskaras ar dažām grūtībām. Viena no tām varētu būt bāzes URL iegūšana.
let baseUrl = window.location.host; let protocol = window.location.protocol;
Iepriekš minētā koda izpratne
Iepriekš redzamajā JavaScript koda fragmentā mēs būtībā izsaucam objekta window.location resursdatora un protokola rekvizītus. Šis objekts ir diezgan noderīgs, jo to var izmantot, lai iegūtu pašreizējās lapas adresi (URL) un novirzītu pārlūkprogrammu uz jaunu lapu.
Windows.location.host atgriež tīmekļa lapas resursdatora nosaukumu (domēna nosaukumu) un portu (ja tāds ir), un window.location.protocol atgriež izmantoto tīmekļa protokolu (http:// vai https://). Apvienojiet šos divus, un jums ir jūsu pamata URL.
Detalizēts koda sadalījums
Loga objekts attēlo atvērtu logu pārlūkprogrammā. Pārlūkprogramma to automātiski izveido, ielādējot lapu. Objektu window.location jeb vienkārši location var izmantot, lai iegūtu informāciju par pašreizējo lapas adresi (URL) un novirzītu pārlūkprogrammu uz jaunu lapu.
let baseUrl = protocol + "//" + baseUrl;
Šeit mēs savienojam protokolu (kuru esam ieguvuši, izmantojot window.location.protocol), divas slīpsvītras un baseUrl (kuru ieguvām, izmantojot window.location.host), lai izveidotu mūsu pamata URL Vue.js.
Saistītās bibliotēkas un funkcijas
Vue Router ir oficiālais Vue.js maršrutētājs. Tas lieliski darbojas ar Vue.js ekosistēmu un padara vienas lapas lietojumprogrammu veidošanu ar Vue.js pavisam vienkāršu. Vue Router konstruktorā ir bāzes īpašība, kurā var iestatīt visu maršrutu bāzes URL.
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
Atkal, izmantojot process.env.BASE_URL , varat iestatīt lietojumprogrammas bāzes URL abstraktākā veidā, ja jau izmantojat Vue Router.
Secinājumi
Šajā rakstā mēs iedziļinājāmies pamata URL jēdzienā, kāpēc tas ir nepieciešams un kā to var iegūt Vue.js lietojumprogrammā. Mēs arī pētījām Vue maršrutētāju un to, kā to izmantot, lai iestatītu pamata URL. Šie risinājumi ir īpaši noderīgi, strādājot ar vienas lapas lietojumprogrammām Vue.js sistēmā.
Izmantojot tos savā rīkkopā, jums tagad vajadzētu būt labāk sagatavotam, lai risinātu ar pamata URL saistītās problēmas Vue.js! Neatkarīgi no tā, vai strādājat pie pavisam jauna projekta vai uzturat kādu mantotu kodu, atcerieties — savu rīku pamatu izpratne vienmēr dos jums priekšrocības.
