Proxy server gone with 0.6?

[jasonish]

With 0.3 and 0.5 I was using a vite.config.ts based on my SolidJS project that simply looked like:

import { defineConfig } from "@solidjs/start/config";

export default defineConfig({
  server: {
    proxy: {
      "/api": "https://my.apiserver.org",
    },
  },
});

This is no longer working after the update to 0.6, has the configuration been changed?

I now realize that the concept of a "server" is a little different in Start than in a pure SolidJS project, but I'm still after the functionality that when I'm in dev mode, /api requests go over to my API server, while in production a proxy would handle that.

Thanks.

[ryansolid]

Have you tried putting it in vite.server.proxy. We moved the vite settings from top level to into the vite property.

export default defineConfig({
  vite: {
    server: {
      proxy: {
        "/api": "https://my.apiserver.org",
      },
    },
  },
});

[jasonish]

Thanks, that appears to have done it. Thought I tried that, but maybe flubbed it.

[alperreha]

For who wants to rewrite proxy paths in Solid Start you can follow below Vite Server Proxy Guide to apply path rewrite like below:

Vite Server Proxy: https://vite.dev/config/server-options.html#server-proxy

import { defineConfig } from "@solidjs/start/config";

export default defineConfig({
  vite: {
    plugins: [
      // ...
    ],
    server: {
      // ✅ e.g. https://vite.dev/config/server-options.html#server-proxy
      proxy: {
        "/api/auth": "http://localhost:8090",
        // ✅ with options:
        // ✅ http://localhost:3000/api/v1/cms/*
        // ✅  -> http://localhost:8091/*
        "/api/v1/cms": {
          target: "http://localhost:8091",
          changeOrigin: true,
          rewrite: (path: string) => path.replace(/^\/api\/v1\/cms/, ""),
        },
      },
    },
  },
});