在Vue框架中进行链接拦截（Vue 3.x版本）

Vue中，超链接被拦截

在之前采用vue进行开发的过程中，遇到了这样一个问题

我创建了一个超链接，目的是在新窗口中跳转至外部链接：

    <a href="www.baidu.com" target="_blank">前往百度</a>
    
    
      
    

然而在点击之后，请求却被路由机制所拦截：

系统强制将地址重定向至 localhost:8080

通过网络搜索，查阅了多种解决方案，有人建议在JavaScript中使用window.location.herf的方式，也有人指出不应采用超链接形式。最终我意识到，问题的解决方式其实非常简单。只需在超链接地址的前面添加相应的协议名称即可实现需求。

![image-