遇到Uniapp配置meta不生效怎么解决

一淘模板56admin.com遇到了Uniapp 是一种基于 Vue.js 的跨平台应用开发框架，其开发简单、易上手，可以快速构建出 iOS、Android 和 H5 页面，成为现在移动应用开发的重要工具之一。然而，跨平台应用的开发也带来了一些问题，比如本文即是解决 uniapp 页面配置 meta 不生效的问题，希望对读者有所帮助。

问题描述

近期有开发者反馈在使用 uniapp 构建的 H5 页面中，配置 meta 标签没有生效，即在浏览器中查看网站源代码，找不到相应的 meta 标签。但在开发工具的预览中和手机端查看页面均能够正常显示。

问题解决

1、确认 meta 内容是否正确

首先需要确保 meta 标签的内容是否正确，在 uniapp 的 page.json 中配置：

"meta": {
  "viewport": "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no",
  "keywords": "uniapp, meta, 问题, 解决",
  "description": "uniapp 配置 meta 不生效的解决方法",
  "apple-mobile-web-app-capable": "yes",
  "apple-mobile-web-app-status-bar-style": "black",
  "format-detection": "telephone=no,email=no,address=no"
}

其中，vi