Vue CLI是一個流行的構(gòu)建Vue.js項目的工具。在Vue CLI項目中,可以配置baseURL來指定項目的基本URL地址,用于導(dǎo)航時生成正確的URL鏈接。
例如,如果使用Vue Router進行頁面跳轉(zhuǎn),可以使用以下代碼在路由中指定baseURL:
const router = new VueRouter({ mode: 'history', base: '/my-app/', routes: [...] })
上述代碼中,base指定了項目的基本URL地址為/my-app/。這意味著所有的路由鏈接都將以這個地址作為前綴進行生成。例如,如果我們在組件中使用了如下代碼:
About
生成的鏈接將會是/my-app/about。如果沒有指定baseURL,則生成的鏈接將會是/about,這可能會導(dǎo)致頁面無法正確加載。
除了在Vue Router中使用baseURL,還可以在axios等HTTP請求庫中使用。例如,在使用axios進行網(wǎng)絡(luò)請求時,可以指定baseURL來避免重復(fù)書寫相同的URL地址:
const axiosInstance = axios.create({ baseURL: 'https://api.example.com' })
上述代碼中,創(chuàng)建了一個axios實例,并指定了請求的基本URL地址為https://api.example.com。這樣在發(fā)送請求時,只需要寫相對地址即可,例如:
axiosInstance.get('/users')
生成的請求URL將會是https://api.example.com/users。
綜上所述,使用baseURL可以方便地指定項目的基本URL地址,避免在各處重復(fù)書寫相同的地址,是Vue CLI項目中的一個非常實用的功能。