如何在Vue.js项目中根据域名动态设置网页标题？

Question

正式的环境中配置了两个域名，但是根据两个不同的域名访问的前端页面是相同的，现在的需求是，访问不同的域名相对应的网页上的标签题目也是不同的

在setting.js配置文件中获取不到域名信息，配置文件中的title直接写了之前的标签题目，现在无论是改index.html中的title标签还是vue.config.js文件中的内容，网页标签题目不会变，只有修改settings.js中的title属性才会变化

Answer 1

最简单的就是使用环境变量来区分，编译成两个不同的项目，一个服务端上面补两套静态项目就好了。

稍微骚操作一点在 app.vue 里面获取一下 location.host 信息，然后按照配置好的规则给设置一下页面标题就好了。

Answer 2

其实很简单,你直接在模板index.html那边判断一下,增加一下脚本判断一下就行,比如这这样

    const host = window.location.host
    console.log("host", host)
    if (host === 'www.baidu.com') {
        window.document.title = "测试标题";
    }