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

需求:

因部分API需要https才能实现,所以需要配置本地开发环境的https访问;

步骤:

1、生成本地使用的https证书;
2、在nuxt.config.js中引入证书;

第一步:在cmd窗口下

1、下载证书生成库

npm install -g mkcert

2、创建证书颁发机构

mkcert create-ca

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

mkcert create-cert

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

第二步:Nuxt项目内的 nuxt.config.js文件内

1、下载path和fs库

npm i fs
npm i path

2、引入fs和path

import path from 'path'
import fs from 'fs'

3、配置https服务

module.exports = {
	server: {
	    https: {
	      key: fs.readFileSync(path.resolve(__dirname, 'cert.key')),
	      cert: fs.readFileSync(path.resolve(__dirname, 'cert.crt'))
	    }
	  }
  }

4、运行项目,https配置成功。
前端使用Nuxt框架,配置本地https访问_第1张图片

你可能感兴趣的:(日常随记,vue.js)