Vue Devtools是一款非常實(shí)用的Vue.js調(diào)試工具，可以幫助我們更好地理解Vue.js應(yīng)用程序的內(nèi)部運(yùn)行機(jī)制。在Vue devtools中，我們可以查看我們的組件樹(shù)，并且在調(diào)試模式下進(jìn)行實(shí)時(shí)編輯和重新加載。除此之外，Vue devtools還允許我們查看Vuex的狀態(tài)，并且可以追蹤Vue.js的性能指標(biāo)。

但是，在使用Vue devtools時(shí)，我們可能會(huì)遇到一個(gè)問(wèn)題：Vue devtools在開(kāi)發(fā)環(huán)境下無(wú)法使用https。由于https的安全保證，瀏覽器會(huì)攔截Vue devtools的加載請(qǐng)求，并停止Vue devtools的運(yùn)行。那么，我們?cè)撊绾卧趆ttps下使用Vue devtools呢？

解決這個(gè)問(wèn)題的方法很簡(jiǎn)單，只需要在Vue devtools的設(shè)置中進(jìn)行一些調(diào)整即可。

Vue.config.devtools = true;
if (window.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
window.__VUE_DEVTOOLS_GLOBAL_HOOK__.enableDevtools({
host: 'localhost:8098',
protocol: 'https:',
app: 'My App'
});
}

上述代碼中，我們只需要增加一個(gè)簡(jiǎn)單的配置項(xiàng)，即可讓Vue devtools在https環(huán)境下運(yùn)行。可以看出，我們需要為Vue.config.devtools設(shè)為true，并將調(diào)試工具的協(xié)議protocol設(shè)置為https。另外，我們還需要指定app的名稱和運(yùn)行的主機(jī)信息，以便于在Vue devtools中進(jìn)行識(shí)別和調(diào)試。

通過(guò)以上調(diào)整，我們就可以在https環(huán)境下愉快地使用 Vue devtools進(jìn)行調(diào)試了。希望這篇文章對(duì)大家有所幫助。