Seveda, izvoli,
Pri programiranju je ključno razumeti, kaj je osnovni URL; je koren, kjer se nahajajo vse poti naše aplikacije. V Vue.js, enem najbolj priljubljenih ogrodij JavaScript, postane ta ideja še posebej pomembna pri usmerjanju. V tem članku se bomo osredotočili na to, kako pridobiti osnovni URL v Vue.js.
Vue.js je progresivno ogrodje JavaScript, ki je uporabnikom dostopno. Čeprav je neverjetno zmogljivo za gradnjo enostraničnih aplikacij, se razvijalci pogosto soočajo z nekaterimi izzivi. Eden od teh je lahko pridobivanje osnovnega URL-ja.
let baseUrl = window.location.host; let protocol = window.location.protocol;
Razumevanje zgornje kode
V zgornjem delčku kode JavaScript v bistvu kličemo lastnosti gostitelja in protokola objekta window.location. Ta objekt je precej uporaben, saj ga je mogoče uporabiti za pridobitev trenutnega naslova strani (URL) in za preusmeritev brskalnika na novo stran.
window.location.host vrne ime gostitelja (ime domene) in vrata (če obstajajo) spletne strani, window.location.protocol pa vrne uporabljeni spletni protokol (http:// ali https://). Združite to dvoje in dobili boste osnovni URL.
Podrobna razčlenitev kode
Objekt window predstavlja odprto okno v brskalniku. Brskalnik ga samodejno ustvari ob nalaganju strani. Objekt window.location ali preprosto location se lahko uporabi za pridobitev informacij o trenutnem naslovu strani (URL) in za preusmeritev brskalnika na novo stran.
let baseUrl = protocol + "//" + baseUrl;
Tukaj združujemo protokol (ki smo ga pridobili z uporabo window.location.protocol), dve poševnici in baseUrl (ki smo ga dobili z uporabo window.location.host), da tvorimo naš osnovni URL v Vue.js.
Sorodne knjižnice in funkcije
Vue Router je uradni usmerjevalnik za Vue.js. Odlično deluje z ekosistemom Vue.js in omogoča enostavno gradnjo enostraničnih aplikacij z Vue.js. Vue Router ima v svojem konstruktorju lastnost base, kjer lahko nastavite osnovni URL za vse poti.
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
Ponovno lahko z uporabo process.env.BASE_URL nastavite osnovni URL za svojo aplikacijo na bolj abstrakten način, če že uporabljate Vue Router.
zaključek
V tem članku smo se poglobili v koncept osnovnega URL-ja, zakaj je potreben in kako ga je mogoče pridobiti v aplikaciji Vue.js. Preučili smo tudi usmerjevalnik Vue in kako ga uporabiti za nastavitev osnovnega URL-ja. Te rešitve so še posebej priročne, ko imate opravka z enostranskimi aplikacijami v ogrodju Vue.js.
S temi v vašem kompletu orodij bi morali biti zdaj bolje opremljeni za reševanje težav, povezanih z osnovnimi URL-ji v Vue.js! Ne glede na to, ali delate na povsem novem projektu ali vzdržujete neko podedovano kodo, ne pozabite – razumevanje osnov vaših orodij vam bo vedno dalo prednost.
