一个用于本地开发的 Vite 插件,基于 Chrome DevTools Protocol (CDP) 实现。 它可以在本地开发时自动启动 Chrome 浏览器,抓取指定网站的登录状态(Cookies),并自动拦截请求将 Auth 信息注入到 Headers 中,实现本地开发的无感自动登录。
彻底告别每天早上手动复制粘贴 Token 的烦恼!🎉
推荐使用 npm、yarn 或 pnpm 将其作为开发依赖(devDependencies)安装:
npm install @huangwu/auto-login -Dimport { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import AutoLoginPlugin, { type LoginOptions } from '@huangwu/auto-login';
// 实例化配置对象
const options: LoginOptions = {
// 本机 Chrome 的绝对路径 (请根据你的系统环境修改)
chromePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
// 需要获取登录态的目标网站
host: 'https://hn.devcloud.huaweicloud.com',
// 是否以无痕模式打开
incognito: false,
// 拦截特定路径:只有请求路径包含此字符串时才执行注入逻辑
targetPath: '/rest/me',
setHeaders: (request, cookies) => {
return {
Cookies: '从request和cookies中获取'
};
}
};
export default defineConfig({
plugins: [
vue(),
vueJsx(),
AutoLoginPlugin(options) as any,
],
// 结合常规的 Vite proxy 代理一起使用
server: {
proxy: {}
}
});