多子域名项目资源跨域加载的HTML标签及属性问询
实现资源跨子域名加载的HTML标签及属性
你要找的是<base>标签(可能你之前混淆了<meta>或<link>的记忆),通过它的href属性指定资源的基础URL,就能让页面中所有相对路径的资源请求自动切换到指定的cdn子域名,而非当前页面的域名。
具体实现方式:
- 在页面的
<head>区域插入该标签,指定cdn子域名作为基础路径:
<base href="https://cdn.yourdomain.com/">
- 当页面中使用相对路径(如
/assets/css/style.css、/assets/js/script.js)加载资源时,浏览器会自动将相对路径与<base>的href拼接,最终请求https://cdn.yourdomain.com/assets/css/style.css这类cdn地址的资源。
注意:<base>的设置会全局影响所有相对路径的资源(包括样式、脚本、图片、页面链接等),如果有部分资源不需要走cdn,需要用绝对路径明确指定域名。
内容的提问来源于stack exchange,提问作者Mxlvin
相关产品推荐
相关产品推荐

