vue3.0修改浏览器标题（静态）

最新推荐文章于 2024-05-13 16:26:52 发布

唐文军

最新推荐文章于 2024-05-13 16:26:52 发布

阅读量1.1w

点赞数 1

分类专栏： web 文章标签： vue web

本文链接：https://blog.csdn.net/Ambitiouss/article/details/111933353

版权

web 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

vue3.0修改浏览器标题：
新建vue项目的时候它的标题默认拿项目名称… 大多数时候这是不对的.

<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">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

在这里插入图片描述

`这个时候我们只需要改一下 public 文件夹下的index.html的title标签内容就好了`

在这里插入图片描述

在这里插入图片描述
不过自己玩的时候会这样写… 哈哈

一般来说要上线或者说企业级项目都是放在后台的配置文件里面。因为打包部署在服务器上配置文件不会被打包进去，到时候要换浏览器图片直接换就ok了.

`昨天说的开始写自己的开源项目，后台前端都搭建好了哈哈搞事！`

最近学习了elastic search 改天写个文章出来会留上源码，以zip的形式。

唐文军

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue3.0修改浏览器标题（静态）

vue3.0修改浏览器标题：新建vue项目的时候它的标题默认拿项目名称… 大多数时候这是不对的.<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-scal
复制链接

扫一扫