uni-app h5 页面加 noindex 需在具体 vue 页面组件中通过 document.head 动态插入并移除 meta 标签，因单页应用共用 index.html 且 pages.json 的 style 不支持 head 配置；服务端响应头（x-robots-tag）或 robots.txt 更可靠。
uni-app H5 页面怎么加 noindex
直接在页面的 里写 <meta name="robots" content="noindex"> 不生效 —— 因为 uni-app 的 H5 是单页应用，所有页面共用一个 index.html， 不会随路由动态更新。
pages.json 中 style 配置无效
pages.json 的 style 仅控制导航栏、状态栏等原生视觉层，不参与 HTML 渲染，所以往 style 里塞 meta 字段（比如 meta: { "robots": "noindex" }）完全没用，构建时会被忽略。
Vue 页面组件中动态注入 meta 标签
必须在具体页面的 Vue 组件（如 pages/user/profile.vue）里手动操作 document.head，且要兼顾 SSR（实际 uni-app H5 不支持 SSR，但需防 Vue Router 导航复用导致残留）：
- 在
onLoad或onShow生命周期里插入<meta name="robots" content="noindex"> - 在
onUnload或onHide里移除它，避免跳转后残留影响其他页面 - 用唯一标识（如
id="noindex-meta"）管理该标签，防止重复插入
示例代码片段：
export default {
onLoad() {
const meta = document.createElement('meta')
meta.name = 'robots'
meta.content = 'noindex'
meta.id = 'noindex-meta'
document.head.appendChild(meta)
},
onUnload() {
const meta = document.getElementById('noindex-meta')
if (meta) document.head.removeChild(meta)
}
}
CDN 或服务器端禁止爬虫访问更可靠
前端注入 meta 只是软性提示，搜索引擎可能忽略；真正想屏蔽，得靠服务端：
- 在 Nginx 配置中对特定路径返回
X-Robots-Tag: noindex响应头 - 或在
robots.txt中明确禁止，例如：Disallow: /user/profile/ - 注意：uni-app H5 的路由是前端接管，
robots.txt只能按 URL 路径规则屏蔽，不能按 Vue 组件逻辑判断
最易被忽略的是：H5 构建产物没有服务端逻辑，robots.txt 必须和 index.html 放在同一级目录下，且需确保服务器能正确返回该文件（常见坑：CDN 缓存了旧版 robots.txt 或未配置 MIME 类型为 text/plain）。
