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

Question

我有以下文件：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”，那么我们将使用 abc .local.com 。这也应该是白标代码。

Answer 1

如何制作一个新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);
}