vue2开启https

要在Vue 2中启用HTTPS，你需要进行以下几个步骤：

1. 生成SSL证书：你需要获取SSL证书，可以通过购买或使用免费的SSL证书。你也可以使用自签名证书进行本地开发。

2. 配置Vue项目：在Vue项目的根目录中打开`config/index.js`文件。找到`dev`对象，并将`https`属性设置为`true`，以启用HTTPS：

dev: {
  https: true,
  // 其他配置项...
}

3. 配置SSL证书：将生成的SSL证书文件放置在Vue项目的根目录下，通常是一个`.crt`文件和一个`.key`文件。

4. 更新webpack配置：打开`build/webpack.dev.conf.js`文件，找到以下代码块：

devServer: {
  // 其他配置项...
}

在该代码块中添加以下配置来指定SSL证书的路径：

devServer: {
  // 其他配置项...
  https: {
    key: fs.readFileSync(path.resolve(__dirname, '../ssl/key.pem')),
    cert: fs.readFileSync(path.resolve(__dirname, '../ssl/cert.pem')),
  },
}

确保将`path.resolve(__dirname, '../ssl/key.pem')`和`path.resolve(__dirname, '../ssl/cert.pem')`替换为你实际SSL证书的路径。

5. 启动开发服务器：现在你可以使用HTTPS启动Vue项目的开发服务器。运行以下命令：

npm run dev

这样就可以在HTTPS协议下访问你的Vue应用了。

请注意，这只是在开发环境下启用了HTTPS。在生产环境中，你需要使用Web服务器（如Nginx或Apache）来配置HTTPS。