1.需求
我想在项目中访问一个html 文件 这个html 文件中 跳转的又是另一个地址 。这个需求是为了让实现公众号H5 的重定向登录 主要是 一个oem 系统 他有多个公众号 但是每个公众号 都有对应不用的域名
2.动态域名
<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title>
</head><body></body></html>
<script>window.onload = function () {var currentUrl = window.location.href;// 使用URL对象解析URL var urlObj = new URL(currentUrl);// 提取协议和域名部分 var baseUrl = urlObj.origin;// 输出或重定向到新的URL console.log(baseUrl); // 仅用于演示，打印到控制台 window.location.href = `${baseUrl}/#/pages/login/index/${location.search}`;};
</script>3.总结
这样写 相当于 先获取了html 里的 路径地址 取出来了 域名 因为这个域名 是服务器地址 也是公众号 配置的的域名 这样写就巧妙的实现了动态地址
