问题描述
我有以下文件: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);
}