vue中如何解决链接跳转后出现自动添加路径的bug

问题遇到的现象和发生背景

vue中如何解决链接跳转后出现自动添加路径的bug
1.这是章节管理的界面的部分截图，当前鼠标放在链接上

img


2.点击链接，新开一个窗口，让后路径是这样的

img


3.router下的index.js

img


注释那段代码后,如下图

img


4.这是章节页面的链接代码

img


5.main.js下的部分代码

img


6.request.js下的部分代码

img

遇到的现象和发生背景，请写出第一个错误信息
用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

 <el-table-column
    prop="chaUrl"
    label="章节地址">
  <template slot-scope="scope">
    <el-link :href="scope.row.chaUrl" title="跳转去查看章节时长" type="primary" target="_blank">{{scope.row.chaUrl}}el-link>
  template>
el-table-column>
运行结果及详细报错内容
我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

我的解答思路，应该是路径的问题，就是跳转的时候自动添加了http://localhost:8080/
还有默认加上了结尾路径,我尝试了几个地方都，不能搞定为什么会添加这些

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

点击链接跳转，然后跳转到对应的网页

你这个跳转地址是一个外部链接吧。 www.b4.com 缺少协议 加上http://www.b4.com或者https://www.b4.com

没有协议，被认为是项目内跳转，当作跳转路由了。

如果可以,尽量在后端跳,返回界面,这样就规避了浏览器的一些问题.