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
  }
};
相关推荐
西洼工作室19 小时前
UniApp开发全攻略:从生命周期到路由传值
前端·javascript·uni-app
liulilittle19 小时前
TCP UCP v1.0 拥塞控制算法(Linux Kernel CC-A)
linux·网络·网络协议·tcp/ip·c·通信·拥塞控制
仍然.20 小时前
传输层协议UDP
网络·网络协议·udp
Anastasiozzzz20 小时前
深度解析 AI 时代的“TCP/IP协议”:Agent-to-Agent (A2A) 通信架构与多智能体协同底层逻辑
大数据·开发语言·网络·数据库·网络协议·tcp/ip·架构
Arman_20 小时前
01 Rust 大文件断点上传下载入门:用 rusty-cat 让上传下载更可靠
http·https·rust·tokio·大量阅读·文件分片上传下载
xlq2232220 小时前
56.自定义协议
linux·服务器·网络·网络协议
月落归舟21 小时前
深入理解Cookie与Session:解决HTTP无状态的核心方案
网络·网络协议·http
火车叼位1 天前
Windows 双网关自动切换:Node.js + 计划任务实现旁路由优先
网络协议·程序员
JiaWen技术圈1 天前
HTTP3 与 DTLS 的关系
网络协议
lularible2 天前
PTP协议精讲(4.5):编译运行与测试
网络·网络协议·开源·嵌入式·ptp