1 在路径下创建vue.config.js 文件。
2 打包后路径不对添加 一下代码即可
publicPath: './',
3 更改标题图标
3.1 vue 的标题图标代码是在 public 文件的index.html 里面
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
3.2 把需要更换的图标改为faicon.ico 替换原来的daicon.ico文件
3.2 在vue.config.js文件里添加以下代码
pwa: { iconPaths:
{
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
} }
3.3 重启vue项目,刷新浏览器即可
完整代码:
module.exports = {
publicPath: './',
pwa: { iconPaths:
{
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
}}