前端项目启动https

原创已于 2023-09-15 13:57:20 修改 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #https

于 2021-05-26 10:08:20 首次发布

js 专栏收录该内容

24 篇文章

订阅专栏

普通前端项目：

1.先安装：npm install http-server -g

2.跑普通http服务,在命令里执行：http-server

3.跑普通https服务,需要在当前目录下生产一对证书和密钥：

鼠标右击，点击 Git Bash Here，在命令里输入： openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem，回车回车，都执行完后，再在项目的命令里执行：http-server -S即可

vue-cli3项目：

1.配置vue.config.js文件：

devServer: {
        port: port,
        open: true,
        https: true,
        key: fs.readFileSync(`./key.pem`),//生成文件方式同上面
        cert: fs.readFileSync(`./cert.pem`),//生成文件方式同上面
        ca: fs.readFileSync(`./cert.pem`),//生成文件方式同上面
        overlay: {
          warnings: false,
          errors: true
        },
        disableHostCheck: true,    
    },

2.运行项目