【備忘録】Viteでlocalhostへの接続がうまくいかないときの対処法

事の始まり

Viteの公式サイトをみて、下のようにProxyの設定をしていたのだが、Error: connect ECONNREFUSED ::1:48383となっていて接続できない

export default defineConfig({
  server: {
    open: true,
    proxy: {
      "/api": {
        target: "http://localhost:48383/",
        changeOrigin: true,
      },
    },
  },
  plugins: [react()],
});

結論

NodeがデフォルトでIPv6を使うようになったので[::1]にアクセスしているせい
というよりよく見ると普通に::1:48383と書いてある

対処法

このコードを入れてIPv4でアクセスするようにする

vite.config.ts

import dns from "dns";
dns.setDefaultResultOrder("ipv4first");