前端使用Nuxt框架，配置本地https访问


需求：因部分API需要https才能实现，所以需要配置本地开发环境的https访问；
步骤：1、生成本地使用的https证书；2、在nuxt.config.js中引入证书；

第一步：在cmd窗口下
1、下载证书生成库

1
npm install -g mkcert

2、创建证书颁发机构

1
mkcert create-ca

创建成功后如图所示
创建证书颁发机构
3、创建证书

1
mkcert create-cert

创建成功后如图所示
创建证书
4、找到证书文件
根据创建提示找到对应的证书文件，复制并粘贴至Nuxt项目的根目录下

第二步：Nuxt项目内的 nuxt.config.js文件内
1、下载path和fs库

1
2
npm i fs
npm i path

2、引入fs和path

1
2
import path from 'path'
import fs from 'fs'

3、配置https服务

1
2
3
4
5
6
7
8
module.exports = {
    server: {
        https: {
          key: fs.readFileSync(path.resolve(__dirname, 'cert.key')),
          cert: fs.readFileSync(path.resolve(__dirname, 'cert.crt'))
        }
      }
  }

4、运行项目，https配置成功。
服务启动成功