欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 锐评 > uniapp 配置本地 https 开发环境(基于 Vue2 的 uniapp)

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

2025/11/11 11:33:07 来源:https://blog.csdn.net/m0_38007556/article/details/148231043  浏览:    关键词:uniapp 配置本地 https 开发环境(基于 Vue2 的 uniapp)

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

mkdir ~/ssl-cert && cd ~/ssl-cert

2、生成私钥:

openssl genrsa -out localhost.key 2048

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

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)添加如下:

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}
};

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词