vue项目动态修改网页title+icon(通过接口获取title值+icon图片网址)
找了好多 都是路由守卫修改或者安插件好麻烦,来点简单的干货:
按照下边图片添加(接口需要自己去api文件夹写,这里就不多解释了,我这里用的是字典的格式方便随时替换和更改--一个地方配多个地方受益)
本文主要讲一下在哪个文件可以更改,不要浪费时间去度娘了;;;
首先找到App.vue(入口文件一般就在src文件夹下)
{name:这里装的就是接口获取的名字}
{logourl:装的是后端传回来的icon需要的href的地址http://`````````啥啥的}
然后找第二个文件public/index.html
这里放个占位标签,标签只能放这里,再在App.vue页面的
var link = document.querySelector('link[rel*="icon"]') 获取到标签
然后给标签的href赋值获取的图片网址
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！