前端页面跳转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协议地址加端口号访问就可以