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
  }
};
相关推荐
o0麦嘎17 小时前
内网ip配置https
网络协议·tcp/ip·https
潜创微科技18 小时前
4K60 over IP 方案简介
网络·嵌入式硬件·网络协议·tcp/ip·音视频
pride.li18 小时前
海思视觉Hi3516CV610--开机自动设置ip
linux·网络·网络协议·tcp/ip
源图客18 小时前
Minio配置HTTPS服务
服务器·网络协议·https
liulilittle21 小时前
bpftrace 跟踪 tcp_write_xmit (内核TCP写出提交)
网络·网络协议·tcp/ip
于先生吖1 天前
前后端分离二手商城开发,质检登记、回收回款整套业务源码部署教程
java·开发语言·uni-app
bkspiderx1 天前
Boa Web服务器HTTPS支持的源码改造方案
服务器·前端·https·web服务器·boa·https支持
齐鲁大虾1 天前
如何彻底解决从公网HTTP页面请求私有HTTP资源跨域问题
网络·网络协议·http
g3voip1 天前
洁净室IP电话机是什么?无尘车间语音通信设备的功能与部署要点
网络·网络协议·tcp/ip
taocarts_bidfans1 天前
外贸站点HTTPS全站加固与混合内容报错彻底修复方案
https·独立站·外贸独立站·taoify