1、配置全局默认标题
(1)首先,在index.html页面增加配置
<title><%= htmlWebpackPlugin.options.title %></title>
(2)vue.config.js文件配置
module.exports = {
//配置主路径
publicPath: '/web',
chainWebpack: config => {
//设置标题 默认不设置的话是项目名字
config.plugin('html').tap(args => {
args[0].title = "默认标题"
return args
})
}
}
以上,chainWebpack中可以设置默认标题
2、vue-cli4 配置favicon.ico
(1)首先在index.html文件配置
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
(2)vue.conflg.js文件配置
// 第三方插件配置
pluginOptions: {
// ...
pwa: {
iconPaths: {
favicon32: './favicon.ico',
favicon16: './favicon.ico',
appleTouchIcon: './favicon.ico',
maskIcon: './favicon.ico',
msTileImage: './favicon.ico'
}
},
}
目录如下: