更新 favicon

mryanshenghong · Jun 24, 2020 · 34ca707 · 34ca707
1 parent 2ffd641
commit 34ca707
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/public/index.html b/public/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico" type="image/x-icon" />
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="./favicon.ico" />
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>

diff --git a/vue.config.js b/vue.config.js
@@ -34,7 +34,15 @@ module.exports = {
   parallel: require('os').cpus().length > 1,
   // PWA 插件相关配置
   // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
-  pwa: {},
+  pwa: {
+    iconPaths: {
+      favicon32: 'favicon.ico',
+      favicon16: 'favicon.ico',
+      appleTouchIcon: 'favicon.ico',
+      maskIcon: 'favicon.ico',
+      msTileImage: 'favicon.ico',
+    },
+  },
   css: {
     // 是否使用css分离插件 ExtractTextPlugin dev环境下如果开启的话就不会热更新样式
     // extract: true,