window.open()方法打开新标签403问题

在vue项目中使用window.open()打开外部链接出现403

原因分析：
页面中引入外网的链接资源，会产生一个新的http请求。为了安全（URL里可能包含用户信息），
浏览器一般都会给这写请求头加上表示来源的referrer 字段。
参考地址1
参考地址2
参考地址3

解决:
需要隐藏外部链接中的referrer，在public文件下html文件,代码如下：

<meta name="referrer" content="no-referrer"/>

跳转方式

  data() {
    return {
      newWin: '', //打开浏览器新标签的地址
    };
  },

获取地址

this.newWin = item.rootPath;

重要部分是监听

 watch: {
    newWin() {
      if (this.newWin) {
        window.open(this.newWin, '_blank');
      }
      this.newWin = '';
    },
  },