如何在Vue.js项目中根据域名动态设置网页标题?-灵析社区

Fronttend

正式的环境中配置了两个域名,但是根据两个不同的域名访问的前端页面是相同的,现在的需求是,访问不同的域名相对应的网页上的标签题目也是不同的 在setting.js配置文件中获取不到域名信息,配置文件中的title直接写了之前的标签题目,现在无论是改index.html中的title标签还是vue.config.js文件中的内容,网页标签题目不会变,只有修改settings.js中的title属性才会变化

阅读量:181

点赞量:0

问AI
最简单的就是使用环境变量来区分,编译成两个不同的项目,一个服务端上面补两套静态项目就好了。 稍微骚操作一点在 "app.vue" 里面获取一下 "location.host" (https://link.segmentfault.com/?enc=adUWLNNM2a3yfaFVgA5g1w%3D%3D.ic3tex1ET%2FvymCJa4HJhowTTVGx1ZkcyYEA1U%2FKTadZqjn88iDrasU7iDxY%2FF1fzXl4jzWCsggTR4EpOMtZR7Q%3D%3D) 信息,然后按照配置好的规则给设置一下页面标题就好了。