seo网站优化快速排名软件,wordpress不填标题无法发布,WordPress开发app,国外html响应式网站模板在实际开发中#xff0c;有时候需要项目以https形式进行页面访问/调试#xff0c;下面介绍下非vue-cli创建的vue项目如何开启https 环境
vue: ^3.2.47vite: ^4.1.4 根据官方文档#xff1a;开发服务器选项 | Vite 官方中文文档 ps#xff1a;首次操作#xff0c;不要被类… 在实际开发中有时候需要项目以https形式进行页面访问/调试下面介绍下非vue-cli创建的vue项目如何开启https 环境
vue: ^3.2.47vite: ^4.1.4 根据官方文档开发服务器选项 | Vite 官方中文文档 ps首次操作不要被类型boolean误导了哈直接设置true可能报错
正确打开方式
1、首先根据官方文档安装依赖vitejs/plugin-basic-ssl
npm install -D vitejs/plugin-basic-ssl
# or
# yarn add -D vitejs/plugin-basic-ssl
# or
# pnpm add -D vitejs/plugin-basic-ssl2、在vite.config.js或者vite.config.ts中配置
import { defineConfig } from vite;
import basicSsl from vitejs/plugin-basic-ssl
// ...export default defineConfig((){server: {// ...proxy: {// ...},https: true, // 安装basicSsl后这里可设置可不设置},plugins: [// ...basicSsl(),]
});3、重启服务
npm run dev
# or
# yarn dev
# or
# pnpm run dev不出意外的话https就开启了
注意
由于我们只是临时开发使用所以证书信息并非正式的首次浏览器打开会出现如下提示点击允许就可以了 以下是火狐的示例 证书信息