前端页面跳转https链接需要注意的问题及解决方案：

一、前端页面跳转https链接需要注意的问题及解决方案：

1、本地启动项目http://localhost:8081地址是无法跳转到https协议的ip地址链接，但可以跳转带有域名的https协议链接

2、正式环境项目如果ip地址没有绑定域名，那也无法跳转到https协议的ip地址链接 解决方法：

         1、可以给自己项目的ip地址绑定域名或尝试项目ip地址使用443端口

         2、前端代码解决：

// 打开链接

    openUrl (url) {

      var a = document.createElement('a')

      a.href = url

      a.target = '_blank'

      a.rel = 'noreferrer'

      document.body.appendChild(a)

      a.click()

      document.body.removeChild(a)

      window.open(url)

    },

二、如果是普通的跳转https（域名链接）或http链接需要在项目中配置一下：

在build文件中找到webpack.dev.conf.js添加https:true

找到vue-cli起的webpack项目地址，把localhost改成0.0.0.0，然后本地项目地址用你自己的IPv4协议地址加端口号访问就可以