您现在的位置是：网站首页> 编程资料编程资料
vue3.0如何修改浏览器标题(静态)_vue.js_
2023-05-24
205人已围观
简介 vue3.0如何修改浏览器标题(静态)_vue.js_
vue3.0修改浏览器标题
新建vue项目的时候它的标题默认拿项目名称… 大多数时候这是不对的.
<%= htmlWebpackPlugin.options.title %>
这个时候我们只需要改一下 public 文件夹下的index.html的title标签内容就好了
不过自己玩的时候会这样写… 哈哈
一般来说要上线或者说企业级项目都是放在后台的配置文件里面。 因为打包部署在服务器上 配置文件不会被打包进去，到时候要换浏览器图片直接换就ok了.
vue项目设置浏览器上方的项目标题和图标(注意图标放置位置)
1.设置自定义图标注意点
项目根目录的index.html，进行设置：【注】
设置自定义的图标，需要把自己的的图片放在static目录下（与src同级目录，不要放在src目录下，浏览器会找不到）
2.话不多说，直接上代码
XXXX管理平台
3.展示效果
修改成功
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
相关内容
- js拼接字符串时如何在中间加上空格_javascript技巧_
- vue中$router.back()和$router.go()的用法_vue.js_
- vue项目如何使用$router.go(-1)返回时刷新原来的界面_vue.js_
- vue路径写法之关于./和@/的区别_vue.js_
- vue如何使用window.open打开页面并拼接参数_vue.js_
- 小程序拖动区域实现排序效果_javascript技巧_
- vue中使用jeecg进行前后端联调方式_vue.js_
- 解决vue-cli 配置资源引用的绝对路径问题_vue.js_
- vue项目打包部署流程分析_vue.js_
- iview中实现this.$Modal.confirm自定义弹出框换行加样式_vue.js_
