uniapp 配置本地 https 开发环境(基于 Vue2 的 uniapp)

1、生成本地 HTTPS 证书(mac)打开终端,运行以下命令:

javascript 复制代码
mkdir ~/ssl-cert && cd ~/ssl-cert

2、生成私钥:

javascript 复制代码
openssl genrsa -out localhost.key 2048

3、生成自签名证书(有效期365天):

javascript 复制代码
openssl req -new -x509 -key localhost.key -out localhost.crt -days 365 -subj "/CN=localhost"

项目目录里面会生成两个文件,分别是:

server.key

server.crt

4、配置 vue.config.js(用于 uniapp H5 模式)

在根目录下找到或者创建 vue.config.js,host:localhost(本地),host:'0.0.0.0'(你的 ip)添加如下:

javascript 复制代码
const fs = require('fs');
const path = require('path');

module.exports = {
  devServer: {
    https: {
      key: fs.readFileSync(path.resolve(__dirname, 'server.key')),
      cert: fs.readFileSync(path.resolve(__dirname, 'server.crt'))
    },
    host: '0.0.0.0',
    port: 8080,
    open: true
  }
};
相关推荐
小心我捶你啊10 分钟前
数据采集和Web解锁不是一回事,从用途到规则区分
前端·爬虫·网络协议
小邓的技术笔记6 小时前
解析 gin 接收到 http 请求是怎么处理的
网络协议·http·gin
帅帅的记忆7 小时前
uniapp项目调用原生android studio的sdk文件(即aar文件)
android·uni-app·android studio
TlSfoward7 小时前
TLSFOWARD抓包工具 TLS指纹
网络协议·http·百度·https
宠友信息8 小时前
Spring Boot与Redis ZSet实现仿小红书源码双列瀑布流推荐
java·大数据·前端·spring boot·redis·mysql·uni-app
利来利往8 小时前
如果你的电脑可以ping ip无法ping域名
网络·网络协议·tcp/ip
lupai8 小时前
赛符 SSL 证书全场景部署与信任价值构建指南
网络·网络协议·ssl
CHANG_THE_WORLD10 小时前
TCP 四次挥手彻底解析:FIN、ACK、SEQ、半关闭与 TIME-WAIT
网络·网络协议·tcp/ip
测试员周周20 小时前
【skills5】一份 spec 生成 k6/JMeter/Locust:性能压测 + 全站截图,上线前的双保险
功能测试·网络协议·测试工具·jmeter·http·自动化·集成测试
酣大智20 小时前
常用 IP 协议号大全(IP 层承载的上层协议)
网络·网络协议·tcp/ip