Vue项目_设置浏览器上方的项目标题和图标(避小坑)

Vue项目_设置浏览器上方的项目标题和图标(注意图标放置位置)1.设置自定义图标注意点：项目根目录的index.html，进行设置：【注】设置自定义的图标，需要把自己的的图片放在static目录下（与src同级目录，不要放在src目录下，浏览器会找不到）2.话不多说，直接上代码<!DOCTYPE html><html><head><meta charset

I'm写代码

6091人浏览 · 2020-07-15 15:17:31

I'm写代码 · 2020-07-15 15:17:31 发布

Vue项目_设置浏览器上方的项目标题和图标(注意图标放置位置)

1.设置自定义图标注意点：

项目根目录的index.html，进行设置：【注】
设置自定义的图标，需要把自己的的图片放在static目录下（与src同级目录，不要放在src目录下，浏览器会找不到）

2.话不多说，直接上代码

<!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/logo.png">
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

在这里插入图片描述

3.展示效果

在这里插入图片描述
修改成功

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^