前端http如何改成https访问

Question

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

Answer 1

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

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

本地开发模式：

vue.config.js

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

生产模式：

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

Answer 6

刚做的demo,你可以参考下：https://www.erdangjiade.com/p...

Answer 7

webpack下，开发环境

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

Answer 8

两种方式来实现:

• 方法一：

使用第三方库 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 为放置本地生成证书的目录，位于项目根目录下。