Vue 修改网页标题和图标

简介: Vue 修改网页标题和图标

Vue 修改网页标题和图标

  

开发环境

 

Win 10

 

Vue 2.5.2

需求描述

如下,想更改网页的标题和图标

 

 

解决方法

编辑项目根目录下的index.html,如下:

更改标题:

修改<title>元素内容即可

 

修改图标:

把要修改的图片放static目录下(注意:图片不能放src目录下,亲测无效),然后添加<Link>元素

 

<!DOCTYPE html>

<html>

   <head>

       <meta charset="utf-8">

       <meta name="viewport" content="width=device-width,initial-scale=1.0">

       <title>XXxx管理平台</title>

       <link rel="icon" type="image/x-icon" href="./static/favicon.png">

 

   </head>

<body>

   <divid="app"></div>

   <!-- built files will be auto injected -->

</body>

</html>

 

 

 

目录
相关文章
|
2天前
|
资源调度 JavaScript 前端开发
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
|
2天前
|
JavaScript
【vue】深入探讨vue中组件间多种传值方式
【vue】深入探讨vue中组件间多种传值方式
【vue】深入探讨vue中组件间多种传值方式
|
2天前
|
JavaScript 前端开发
vue组件化开发流程梳理,拿来即用
vue组件化开发流程梳理,拿来即用
|
2天前
|
移动开发 JavaScript 前端开发
Vue Router的介绍与引入
Vue Router的介绍与引入
|
2天前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
|
6天前
|
JavaScript
【vue】如何跳转路由到指定页面位置
【vue】如何跳转路由到指定页面位置
10 0
|
6天前
|
资源调度 JavaScript 前端开发
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
15 1
|
6天前
|
JavaScript 前端开发
【vue】iview如何把input输入框和点击输入框之后的边框去掉
【vue】iview如何把input输入框和点击输入框之后的边框去掉
13 0
|
6天前
|
JavaScript UED
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
11 1
|
2天前
|
JavaScript
Vue 中如何模块化使用 Vuex
Vue 中如何模块化使用 Vuex