vue使用https安全连接

  1. 1. 证书生成
  2. 2. VUE配置

vue使用https安全连接

1. 证书生成

使用mkcert进行证书的生成
https://github.com/FiloSottile/mkcert

mkcert -install
# CA 证书位置: ~/.local/share/mkcert/rootCA.pem
mkcert 192.168.1.168
# Cert 和 Key的位置 ./192.168.1.168.pem ./192.168.1.168-key.pem

2. VUE配置

vue.config.js


const path = require('path')
const fs = require('fs')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  ...
  devServer: {
    port: port,
    https: {
      key: fs.readFileSync(resolve('./certs/192.168.1.168-key.pem')),
      cert: fs.readFileSync(resolve('./certs/192.168.1.168.pem')),
      ca: fs.readFileSync(resolve('./certs/rootCA.pem'))
    }
  },
  ...
}

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 wind.kaisa@gmail.com

文章标题:vue使用https安全连接

本文作者:kaisawind

发布时间:2020-04-29, 06:42:42

最后更新:2020-07-21, 14:35:46

原始链接:https://kaisawind.gitee.io/2020/04/28/2020-04-29-vue-https/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏