0
点赞
收藏
分享

微信扫一扫

Linux centos 常用命令 【持续更新】

q松_松q 2023-08-11 阅读 37

环境

  • vue: ^3.2.47
  • vite: ^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-ssl

2、在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就开启了
在这里插入图片描述

注意

由于我们只是临时开发使用,所以证书信息并非正式的,首次浏览器打开会出现如下提示,点击允许就可以了;
以下是火狐的示例:
火狐浏览器非安全证书提示
证书信息:
@vitejs/plugin-basic-ssl 证书信息

举报

相关推荐

0 条评论