vue项目动态修改网页title+icon(通过接口获取title值+icon图片网址)

找了好多 都是路由守卫修改或者安插件好麻烦,来点简单的干货:

按照下边图片添加(接口需要自己去api文件夹写,这里就不多解释了,我这里用的是字典的格式方便随时替换和更改--一个地方配多个地方受益)

本文主要讲一下在哪个文件可以更改,不要浪费时间去度娘了;;;

首先找到App.vue(入口文件一般就在src文件夹下)

{name:这里装的就是接口获取的名字}

{logourl:装的是后端传回来的icon需要的href的地址http://`````````啥啥的}

然后找第二个文件public/index.html

这里放个占位标签,<link>标签只能放这里,再在App.vue页面的

var link = document.querySelector('link[rel*="icon"]')获取到标签

然后给标签的href赋值获取的图片网址