Vue.js - 不同的品牌和风格取决于不同的领域

Question

我需要根据使用相同代码库托管的域来更改应用品牌或主题， 我正在使用带有 vue-cli 和 tailwindcss 的 vue.js 进行样式设置，有没有办法实现这一点？

示例：访问 a.com，显示蓝色主题，访问 b.com，显示相同页面但颜色不同。

Answer 1

您可以在您的 app.vue 中运行 beforeCreate 方法来检查主机，例如这个 window.location.host，并执行您的任务来设置您的样式。

例如

async beforeCreate() {
    const url = window.location.host; //http://localhost:8080

   if(url === "something.com"){
     doSomething();
   }else{
     doSomethingElse();
   }
}