README-en.md

npm i vite-plugin-http2

vite-plugin-http2 is a vite plugin to solve the option "proxy" and "http2" conflict.

suport http2 and websocket proxy

this plugin can solve the following difficulties:

• The HTTPS certificate will be automatically generated for you and the configuration will be automatically modified
• use http2-proxy to implement agent function

// vite.config.js

import http2 from 'vite-plugin-http2';

export default {
    plugins: [
        http2 ({
            // if you just use localhost, This configuration can be ignored
            certificateDomain: ['my-test.xxx.com'],
            proxy: {
                '^/api': {
                    hostname: 'localhost',
                    port: 7001,
                    async onReq(req, options) {
                        options.path = `/prefix/${options.path}`;
                    }
                },
                 '^/ws/connect/': {
                     ws: true, // support websocket proxy
                     hostname: 'xxx.com',
                     protocol: 'http or https',
                 },
            },
            // if devcert create certificate fail，you can pass your ssl option
            ssl: {
                key: '',
                cert: '',
            }
        }),
    ]
};

key	desc	default
proxy	proxy http2-proxy options	-
certificateDomain	HTTPS certificate domain name	['localhost']
ssl	if devcert create certificate fail，you can pass your ssl option	-

HTTPS Certificate creation fails or has strange problems during use. You can use this command to clear the cache of Certificate creation.

After restarting the development environment, you can recreate the HTTPS certificate.

// mac

rm -rf ~/Library/"Application Support"/devcert/