解決 uniapp 修改index.html文件不生效的問題

業務場景:需要在H5網站設置追蹤用戶行為(即埋點)的script代碼。

問題:無論如何修改根目錄下的index.html文件都不會生效

問題原因:在 manifest.json 文件中有個【web配置】—>【index.html模版路徑】,默認為空的,所以任你怎么改都不會生效。

解決方法:
1、在根目錄下創建一個 public 目錄,在創建一個 index.html 文件。

2、設置【index.html默認路徑】

3、在index.html填充以下代碼:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title><%= htmlWebpackPlugin.options.title %></title><!-- Open Graph data --><!-- <meta property="og:title" content="Title Here" /> --><!-- <meta property="og:url" content="http://www.example.com/" /> --><!-- <meta property="og:image" content="http://example.com/image.jpg" /> --><!-- <meta property="og:description" content="Description Here" /> --><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /><!-- 埋點代碼或者公共的代碼 Start --><!-- 埋點代碼或者公共的代碼 End--></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>

參考文檔:manifest.json 應用配置(重點)、uniapp 配置index.html 模板

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/94390.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/94390.shtml
英文地址,請注明出處:http://en.pswp.cn/web/94390.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

C語言第十一章內存在數據中的存儲

一.整數在內存中的存儲在計算機內存中&#xff0c;所有的數字都是以二進制來存儲的。整數也不例外&#xff0c;在計算機內存中&#xff0c;整數往往以補碼的形式來存儲數據。這是為什么呢&#xff1f;在早期計算機表示整數時&#xff0c;最高位為符號位。但是0卻有兩種表示形式…

K8s部署dashboard平臺和基本使用

Kubernetes 的默認 Dashboard 主要用于基本的資源查看與管理,如查看 Pod、Service 等資源的狀態,進行簡單的創建、刪除操作 。然而,在企業級復雜場景下,其功能顯得較為局限。 與之相比,開源的 Kubernetes Dashboard 增強版工具 ——Dashboard UI ,為用戶帶來了更強大的功…

JavaEE進階-文件操作與IO流核心指南

文章目錄JavaEE進階文件操作與IO流核心指南前言&#xff1a;為什么需要文件操作&#xff1f;一、java.io.File 類的基本用法1.1 文件路徑1.2 常用方法示例獲取文件信息創建和刪除文件目錄操作文件重命名和移動二、IO流的基本概念2.1 核心困境&#xff1a;字節流 vs. 字符流字節…

動手學深度學習03-線性神經網絡

動手學深度學習pytorch 參考地址&#xff1a;https://zh.d2l.ai/ 文章目錄動手學深度學習pytorch1-第03章-線性神經網絡1. 線性回歸1.1 什么是線性回歸&#xff1f;1.2 如何表示線性回歸的預測公式&#xff1f;2. 損失函數2.1 什么是損失函數&#xff1f;2.2 如何表示整個訓練集…

如何安全解密受限制的PDF文件

當你需要從PDF中復制一段文字用于報告或引用時&#xff0c;如果文件被禁止復制&#xff0c;解密后即可輕松提取內容&#xff0c;避免手動輸入的麻煩。它解壓后雙擊主程序即可運行&#xff0c;無需安裝&#xff0c;即開即用&#xff0c;十分便捷。建議先將界面語言切換為中文&am…

利用DeepSeek輔助編譯c#項目tinyxlsx生成xlsx文件

繼續在尋找比較快的xlsx寫入庫&#xff0c;從https://github.com/TinyXlsx/TinyXlsx/ 看到它的測試結果&#xff0c;比c的openXLSX快幾倍&#xff0c;就想試用一下&#xff0c;仔細一看&#xff0c;它是個c#項目&#xff0c;需要.NET 8.0。 于是上微軟網站下載了.NET 8.0 SDK&a…

構建現代高并發服務器:從內核機制到架構實踐

引言:高并發的挑戰與演進 在當今互聯網時代,高并發處理能力已成為服務器的核心競爭力。傳統的"一個連接一個線程"(Thread-per-Connection)模型由于資源消耗巨大、上下文切換成本高和可擴展性差,早已無法應對數萬甚至百萬級的并發連接需求。現代高并發服務器基于…

1SG10MHN3F74C2LG Intel Stratix 10 系列 FPGA

1SG10MHN3F74C2LG 是 Intel 推出的 Stratix 10 系列 FPGA 家族中的高端型號&#xff0c;它基于 Intel 與 TSMC 合作的 14 納米 FinFET 工藝制造&#xff0c;是面向超高性能計算、數據中心加速、5G 通信基礎設施、以及高端網絡設備的旗艦級可編程邏輯器件。這顆 FPGA 以極高的邏…

IIS訪問報錯:HTTP 錯誤 500.19 - Internal Server Error

無法訪問請求的頁面&#xff0c;因為該頁的相關配置數據無效。 由于權限不足而無法讀取配置文件解決辦法&#xff1a;文件夾添加用戶權限Everyone文件夾->鼠標右鍵->屬性->安全->組或用戶名->編輯->添加->錄入Everyone->檢查名稱->一路點確定

AI對口型唱演:科技賦能,開啟虛擬歌者新篇章

最近在短視頻平臺閑逛&#xff0c;發現不少朋友都在玩“AI對口型唱演”&#xff0c;這類視頻簡直成了新晉流量密碼。從熱門歌曲到經典臺詞&#xff0c;配上夸張的口型和表情&#xff0c;分分鐘就能沖上排行榜前排。不過問題也來了——市面上這么多專用軟件&#xff0c;到底哪家…

爬蟲逆向--Day16Day17--核心逆向案例3(攔截器關鍵字、路徑關鍵字、請求堆棧、連續請求)

一、入口定位入口定位-- 關鍵字搜索-- 方法關鍵字--最簡單&#xff0c;最高效的 排第一-- encrypt 加密-- decrypt 解密-- JSON.stringify 給一個JS對象做Json字符串處理的把一個對象轉換為Json字符串JSON.stringify({a:1,b:"2"}){"a":"1…

RuoYi-Vue3項目中Swagger接口測試404,端口問題解析排查

一 問題概述版本&#xff1a;ruoyi前后端分離版&#xff0c;ruoyi版本3.9.0 前端Vue3 后端Spring Boot 2.5.15 本地測試環境ruoyi界面中系統工具下的系統接口集成了Swagger&#xff0c;當對其頁面上的接口進行請求測試時卻發生了404報錯。具體表現如下圖二 問題排查 1、與Vue2進…

elasticsearch 7.x elasticsearch 使用scroll滾動查詢一頁,刪除一頁,影響后面滾動的查詢嗎

目錄 一 scroll說明 1.1 問題 1.2 scroll分頁的機制 1.3 案例分析 一 scroll說明 1.1 問題 elasticsearch 使用scroll滾動查詢一頁&#xff0c;刪除一頁&#xff0c;影響后面滾動的查詢嗎&#xff1f; 答案是&#xff1a; 在 Elasticsearch 中使用 Scroll API 進行“…

MacBook Pro M1升級Burp Suite2025.8

一、安裝最新Burp Suite2025.8 下載最新Burp Suite2025.8安裝包&#xff1a; Burp Suite Release Notes 下載安裝包后&#xff0c;雙擊安裝即可&#xff0c; 二、調整Burp Suite2025.8配置&#xff1b; 工具包下載地址&#xff1a;文件分享 將下載的jar包放到app目錄下即可 …

開發避坑指南(30):Vue3 表格動態增加刪除行解決方案

需求背景 在Vue3環境中&#xff0c;動態增加或者刪除表格的行&#xff0c;該怎么實現&#xff1f;如下圖&#xff1a;實現分析 不同于傳統js&#xff0c;jquery等框架的面向dom編程&#xff0c;vue中是面向數據編程。對變量的增刪自動綁定到dom節點的增刪上&#xff0c;所以在v…

RTSP/RTMP vs WebRTC:實時視頻技術選型的務實之路

引言&#xff1a;錯配的代價 在實時視頻的技術選型中&#xff0c;WebRTC 曾一度被許多團隊視為“唯一的正確答案”。憑借瀏覽器原生支持、點對點傳輸以及端到端的低時延特性&#xff0c;它確實在在線會議、互動課堂等場景中展現了極大優勢。然而&#xff0c;當這些團隊嘗試把同…

圖表組件SciChart WPF再升級:v8.9帶來油氣井圖、新交互與可視化增強

SciChart WPF Charts是一個實時、高性能的WPF圖表庫&#xff0c;專為金融、醫療和工程應用而設計。使用DirectX和SciChart WPF專有渲染引擎&#xff0c;以及約50種2D和3D WPF圖表類型、靈活的API和五星級支持&#xff0c;SciChart非常適合需要極端性能和光滑交互式圖表的項目。…

基于5G NR NTN與DVB-S2X/RCS2的機載衛星通信終端性能分析

5G NR NTN與DVB-S2X/RCS2代表了兩種不同的衛星通信技術路線&#xff0c;分別針對航空通信的不同需求場景提供差異化解決方案。5G NR NTN作為蜂窩網絡向太空的延伸&#xff0c;具備低延遲、雙向通信優勢&#xff0c;而DVB-S2X/RCS2則專注于高帶寬廣播和回傳控制&#xff0c;兩者…

show-overflow-tooltip使用當內容過多不展示...

Element UI的show-overflow-tooltip屬性依賴于檢測文本內容的實際寬度與容器寬度的比較&#xff0c;當使用<div>等塊級元素時&#xff0c;會破壞這個檢測機制。解決方案移除div包裝&#xff1a;直接在模板中使用文本內容&#xff0c;不要用div包裝使用span代替div&#x…

關于 svn無法查看下拉日志提示“要離線”和根目錄看日志“no data” 的解決方法

若該文為原創文章&#xff0c;轉載請注明原文出處 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/150703535 長沙紅胖子Qt&#xff08;長沙創微智科&#xff09;博文大全&#xff1a;開發技術集合&#xff08;包含Qt實用技術、樹莓派、三維、OpenCV…