通过 Vite 重定向，如代理或外部 301 重定向

Question

Vite如何设置按模式重定向？

示例网站在

http://localhost:3000/

我请求这样的图片

http://localhost:3000/2a84a6ddfd2c.png

或

http://localhost:3000/test/2a84a6ddfd2c.png

应该通过 Vite 重定向（内部类似代理或如果 301 重定向）到

http://imageHosting/2a84a6ddfd2c.png
http://imageHosting/test/2a84a6ddfd2c.png

Answer 1

在您的 vite.config.ts（或 vite.config.js）中，您可以定义 server.proxy 属性以使用正则表达式。

因此，对于您的具体示例，您可以：

匹配 test 或不匹配 - (\/test)?
将十六进制字符串文件名与 png 扩展名相匹配：\/[a-fA-f0-9]+\.png

因此您的 vite.config 文件中的部分将如下所示：

server {
  proxy: {
    "^(\/test)?\/[a-fA-f0-9]+\.png": {
      target: "http://imageHosting",
      changeOrigin: true,
      secure: false,
    },
    [... additional proxy rules]
  }
}

通过 Vite 重定向，如代理或外部 301 重定向

Redirection by Vite like proxy or external 301 redirect

vite