javascript - 根据子域为特定客户设计网站样式

Question

我正在尝试根据用于访问网站的子域 header 来设置网站样式，例如:

1. customer1.mysite.com
2. customer2.mysite.com

我将每个公司的 css 文件保存在一个天蓝色的存储位置

• > https://mysite.blob.core.windows.net/companystles/customer1
• > https://mysite.blob.core.windows.net/companystles/customer2

我正在尝试获取子域，然后将样式链接添加到我的 _layout 页面的头部，但它似乎不起作用，有人能看出我在这里做错了什么吗？

$(document).ready(function () {
            var subdomain = window.location.host.split('.mysite.com')[0];
            alert(subdomain);
            $('<link rel="stylesheet" type="text/css" href="https://metalearning.blob.core.windows.net/companystyles/' + subdomain + ' >').appendTo('head');
        });

这在子域的警报提示中正确地返回了 customer1 或 customer2，但链接未添加到布局页面的头部

Answer 1

您可以尝试将其插入到 body 标记的末尾。

$('body').append('<link rel="stylesheet" type="text/css" href="https://metalearning.blob.core.windows.net/companystyles/' + subdomain + '>');

这个改变对你有用吗？