vue2开启https模式、
时间: 2023-08-02 08:21:20 浏览: 94
要在 Vue2 中启用 HTTPS 模式,可以按照以下步骤进行操作:
1. 在项目根目录下找到 `config/index.js` 文件,找到 `dev` 属性下的 `https` 设置项,将其设置为 `true`。
```
dev: {
https: true,
...
}
```
2. 生成 SSL 证书。可以使用 OpenSSL 工具生成自签名 SSL 证书。在终端中输入以下命令:
```
openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem
```
在这个命令中,`key.pem` 是生成的私钥文件名,`cert.pem` 是生成的证书文件名。执行完命令后,会提示输入一些证书信息,可以根据提示填写或直接回车跳过。
3. 将生成的证书文件放到项目根目录下的 `build` 文件夹中。
4. 修改 `webpack.dev.conf.js` 文件,将 `devServer` 属性下的 `https` 设置为 `true`,并指定证书文件的路径。
```
devServer: {
https: true,
...
https: {
key: fs.readFileSync('./build/key.pem'),
cert: fs.readFileSync('./build/cert.pem'),
ca: fs.readFileSync('./build/cert.pem'),
}
}
```
5. 重新启动项目,在浏览器中访问项目地址,会看到浏览器提示证书不受信任,需要手动信任后才能访问。
阅读全文