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
  }
};
相关推荐
发光小北21 小时前
SG-NAT-410(NAT 网关)
网络协议
2301_7644413321 小时前
python构建的基于WiFi重连流量分析的隐蔽摄像头检测
网络协议·网络安全·信息与通信
2501_9159184121 小时前
iOS 手机抓包软件怎么选?HTTPS 调试、TCP 数据流分析与多工具组合的完整实践
android·ios·智能手机·小程序·https·uni-app·iphone
勇气要爆发21 小时前
问:TCP/UDP的区别及应用场景
网络协议·tcp/ip·udp
游戏开发爱好者821 小时前
iOS 应用上架的工程实践复盘,从构建交付到审核通过的全流程拆解
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张21 小时前
iOS App 如何上架,从准备到发布的完整流程方法论
android·macos·ios·小程序·uni-app·cocoa·iphone
Wokoo71 天前
数据链路层:以太网、MAC 地址及 ARP 协议详解
服务器·网络·后端·网络协议·信号处理
Json____1 天前
uni-app-数码购物商城h5手机端-前端静态网页
前端·uni-app·商城
wx_xsooop1 天前
iOS 上架4.3a 被拒【uniapp专讲】
flutter·ios·uni-app·uniapp
ZeroNews内网穿透1 天前
ZeroNews IP 访问控制能力
服务器·网络·网络协议·tcp/ip·安全·web安全·小程序