template.h5.html 1.8 KB

1234567891011121314151617181920212223242526272829
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <!-- 由于自定义了meta标签想要实现自动化打包添加该标签,需要添加自定义html模板 -->
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <!-- 这个标签设置了HTTP响应头中的Cache-Control属性,告诉浏览器不要缓存页面的任何部分,包括图片、脚本等。同时,要求浏览器在每次请求时都必须向服务器验证资源的新鲜度。 -->
  8. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  9. <!-- 这个标签设置了HTTP响应头中的Pragma属性,它与Cache-Control类似,但主要用于HTTP/1.0协议。同样表示不缓存页面的任何部分。 -->
  10. <meta http-equiv="Pragma" content="no-cache" />
  11. <!-- 这个标签设置了HTTP响应头中的Expires属性,它指定了页面的过期时间。设置为0表示页面立即过期,即每次都需要重新从服务器获取。 -->
  12. <meta http-equiv="Expires" content="0" />
  13. <title>
  14. <%= htmlWebpackPlugin.options.title %>
  15. </title>
  16. <script>
  17. var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
  18. 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' : '') + '" />')
  19. </script>
  20. <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
  21. </head>
  22. <body>
  23. <!-- <noscript>
  24. <strong>Please enable JavaScript to continue.</strong>
  25. </noscript> -->
  26. <div id="app"></div>
  27. <!-- built files will be auto injected -->
  28. </body>
  29. </html>