前端http如何改成https访问

演绎那段情
  • 656

vue-cli3搭建的多页项目 需要插入一个别的网站视频 但是只能https访问 我本地的地址是http://localhos开头。不能直接改成https 请问这个是不是后台做的呢

回复
阅读 21.7k
8 个回答

这个不是前端能解决的事,需要找部署这个网站的同志去。

需要一个域名还有这个域名的证书就可以改成https的了

https是一种安全协议,是需要去申请的,有一些服务商就有这种申请,例如腾讯云阿里云

服务器配置问题 http是80端口 https是443端口 如果不想用户访问时浏览器提示安全问题 https 要申请下ssl证书

这个不是前后台谁来做的问题,是要去申请证书的问题

本地开发模式:

vue.config.js

module.exports = {
  ...,
  devServer: {
    https: true
  }
}

生产模式:

让负责部署的同事去申请https证书吧。

erdangjia
  • 4
新手上路,请多包涵

webpack下,开发环境

module.exports = {
  devServer: {
    https: true
  }
};

两种方式来实现:

  • 方法一:

使用第三方库 openssl-self-signed-certificate

const selfSigned = require('openssl-self-signed-certificate');
module.exports = {
  devServer: {
    https: {
        key: selfSigned.key,
        cert: selfSigned.cert
    }
  }
};
  • 方法二:

通过 openssl 生成自签名的证书(来自网上别人给出的)

openssl genrsa -out private.key 1024
openssl req -new  -key private.key -out cert.csr
openssl req -new -x509 -key private.key -out certificate.crt -days 365

然后可以在配置文件中加载证书

const fs = require('fs');
module.exports = {
  devServer: {
    https: {
        key: fs.readFileSync('./ca/private.key'),
        cert: fs.readFileSync('./ca/certificate.crt'),
        ca: fs.readFileSync('./ca/certificate.crt'),
    }
  }
};

其中 /ca 为放置本地生成证书的目录,位于项目根目录下。

宣传栏