運行自己的vue檔案,發現F12開發者模式下有安裝vue開發者工具的提示

方案一:直接提供
安裝鏈接

方案二:手動搜索


搜索即可

安裝好后就讓它顯示

那么如何關閉這不中看的提示資訊呢?
先根據API檔案的config內容,在控制臺輸入如下的資訊

再看看官方檔案的提示,也就是說明我可以在代碼調節為false,那么就不會再有vue-devtool的安裝提示了,開發環境也說明是搭建完成了

測驗代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="https://www.cnblogs.com/PaturNax/archive/2022/07/19/js/vue.js"></script>
</head>
<body>
<script type="text/javascript">
//設定為 false 以阻止 vue 在啟動時生成生產提示,
Vue.config.productionTip=false
</script>
</body>
</html>
等等!雖然沒有vue.js提示了,可為什么還有提示安裝Vue_devtool的內容呢?

別急,這是因為我們在Edge瀏覽器上運行的檔案并沒有允許我們的Vue_devtool可以訪問我們的靜態資源檔案,

允許它訪問URL即可

現在才看到我們的開發者模式干干凈凈了,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/499796.html
標籤:其他
下一篇:Vue中關于this指向的問題
