Naravno, izvoli,
U programiranju je ključno razumjeti šta je osnovni URL; to je korijen gdje se nalaze sve rute naše aplikacije. U Vue.js, jednom od najpopularnijih JavaScript okvira, ova ideja postaje posebno važna pri rutiranju. U ovom članku ćemo se fokusirati na to kako dobiti osnovni URL u Vue.js.
Vue.js je progresivni JavaScript Framework koji je pristupačan korisnicima. Iako je nevjerovatno moćan za izradu jednostraničnih aplikacija, programeri se često suočavaju s nekim izazovima. Jedan od njih može biti dobijanje osnovnog URL-a.
let baseUrl = window.location.host; let protocol = window.location.protocol;
Razumijevanje gornjeg koda
U gore navedenom isječku JavaScript koda, u suštini pozivamo svojstva hosta i protokola window.location objekta. Ovaj objekat je prilično koristan jer se može koristiti za dobijanje adrese trenutne stranice (URL) i za preusmjeravanje pretraživača na novu stranicu.
window.location.host vraća ime hosta (ime domene) i port (ako postoji) web stranice, a window.location.protocol vraća korišteni web protokol (http:// ili https://). Kombinirajte ovo dvoje i imate svoj osnovni URL.
Detaljna podjela kodeksa
Objekt window predstavlja otvoreni prozor u pregledniku. Preglednik ga automatski kreira prilikom učitavanja stranice. Objekt window.location ili jednostavno objekt location može se koristiti za dobijanje informacija o trenutnoj adresi stranice (URL) i za preusmjeravanje preglednika na novu stranicu.
let baseUrl = protocol + "//" + baseUrl;
Ovdje spajamo protokol (koji smo dobili pomoću window.location.protocol), dvije kose crte i baseUrl (koji smo dobili koristeći window.location.host) zajedno da formiramo naš osnovni URL u Vue.js.
Povezane biblioteke i funkcije
Vue Router je službeni ruter za Vue.js. Odlično radi s Vue.js ekosistemom i olakšava izradu jednostranih aplikacija pomoću Vue.js-a. Vue Router ima osnovno svojstvo u svom konstruktoru gdje možete postaviti osnovni URL za sve rute.
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
Opet, korištenjem process.env.BASE_URL , možete postaviti osnovni URL za vašu aplikaciju na apstraktniji način ako već koristite Vue Router.
zaključak
U ovom članku smo se pozabavili konceptom osnovnog URL-a, zašto je potreban i kako se može dobiti u Vue.js aplikaciji. Također smo pogledali Vue Router i kako ga koristiti za postavljanje osnovnog URL-a. Ova rješenja su posebno zgodna kada se radi sa aplikacijama na jednoj stranici u okviru Vue.js.
Sa ovim u svom kompletu alata, sada biste trebali biti bolje opremljeni za rješavanje problema vezanih za osnovni URL u Vue.js! Bilo da radite na potpuno novom projektu ili održavate neki naslijeđeni kod, zapamtite – razumijevanje osnova vaših alata uvijek će vam dati prednost.
