根据URL路径使用不同的CSS文件

如何解决根据URL路径使用不同的CSS文件

我有以下文件：App.vue，changcolor.vue，config.json，main.js，index.html，xyz.css，abc.css

根据URL，我想应用正确的CSS文件，因此，例如，如果URL为“ xyz.local.com”，那么我们将使用xyz.css，如果是“ abc.local.com”，则我们为ll使用abc.local.com。这也应该是白色标签代码。

解决方法

如何制作一个新的link标签并根据URL是什么赋予适当的属性。就像这样：

mounted() {
    let link = document.createElement('link');  
    link.rel = 'stylesheet';  
    link.type = 'text/css'; 
    let hostname = window.location.hostname
    hostname = name.split(".")[0]
    if(hostname == "abc"){
        link.href = "abc.css"
    } else {
        link.href = "xyz.css"
    }
    document.getElementsByTagName('HEAD')[0].appendChild(link);
}