赞
踩
在VSCode中搭建Vue项目的HTTPS服务,你可以使用Vue CLI创建项目,并配置一个本地的HTTPS服务器。以下是步骤和示例代码:
注意:如果已有一个vue项目,请移步4;如果已安装http-server请移步5.
npm install -g @vue/cli
vue create my-vue-app
cd my-vue-app
http-server
包(一个简单的HTTP服务器)npm install -g http-server
需要一个有效的SSL证书
- 如果你已有SSL证书,将
http-server
配置为使用SSL证书。- 如果你没有SSL证书,可以使用自签名证书。
自签名证书的示例:
- mkdir cert
- openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout cert/localhost.key -out cert/localhost.crt
- http-server -S -C cert/localhost.crt -K cert/localhost.key
在你的Vue项目中,修改vue.config.js
文件以支持HTTPS(如果你使用的是自签名证书)
- module.exports = {
- devServer: {
- https: true
- }
- }
7.启动Vue项目
npm run serve
现在你的Vue项目应该在HTTPS下运行了。如果你没有SSL证书,浏览器可能会警告证书不受信任,但你仍然可以访问本地开发服务器。如果你需要一个可信的SSL证书,你可以从证书颁发机构(CA)获取一个,或者使用Let's Encrypt提供的免费证书。
注意:先启动HTTPS服务器,后启动项目。
注意:如果涉及其他rest请求相关也要https。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。