截取浏览器url

function getBowserUrl(path) {
    let result = '';
    if (path) {
        // 获取当前URL
        var currentURL = window.location.href;
        // 使用URL API来解析URL
        var urlObject = new URL(currentURL);
        // 如果URL中有端口号，它会包含在host属性中
        // 如果你想要单独处理端口号，可以这样做：
        var port = urlObject.port ? ':' + urlObject.port : '';
        let pathPrefixWithPort = urlObject.protocol + '//' + urlObject.hostname + port;
        result = pathPrefixWithPort + path;
    }
    return result;
}

组件里面使用：这里用的element plus: 

<el-link :href="getBowserUrl('/bidding/management')" target="_blank" :underline="false">   // '/bidding/management'对应路由
 　　<div class="gateIcon">
    　　<el-icon><Bell /></el-icon>
    </div>
    <div class="gateIconTitle">招标公告</div>
</el-link>

 

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。