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
  }
};
相关推荐
wdfk_prog4 小时前
LWIP教程 09:从 `tcp_slowtmr()` 到 Fast Retransmit——TCP 超时重传与重复 ACK
服务器·网络·数据库·网络协议·tcp/ip
Zooproxy全球IP代理4 小时前
住宅IP在AI行业中的技术应用:数据采集基础设施的工程实践
人工智能·网络协议·tcp/ip
深蓝电商API4 小时前
HTTP/2 协议逆向:从 Fiddler 抓不到包说起
爬虫·网络协议·http·fiddler
盛世宏博智慧档案4 小时前
一文读懂 PoE+Modbus TCP 温湿度传感器布线规范与故障排查
网络·网络协议·tcp/ip
Lsetea5 小时前
curl报91 No OCSP response received:cert-status与OCSP装订排查
https·ssl证书·openssl·curl·ocsp
Geek_Vison6 小时前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
盛世宏博智慧档案6 小时前
多配电室 VLAN 隔离怎么统一监控?IP 温湿度跨网段采集方案
网络·网络协议·tcp/ip·传感器·温湿度
青瓦梦滋7 小时前
【在线五子棋对战】在线用户
服务器·网络·网络协议