T
TanStack•5mo ago
metropolitan-bronze

How to change localhost to custom host in dev

In Vite, I can change the local dev server hostname with server.host: https://vite.dev/config/server-options.html#server-host And then allow my custom hosts via server.allowedHosts How can I do this in Start?
vitejs
Server Options
Next Generation Frontend Tooling
3 Replies
extended-salmon
extended-salmon•5mo ago
I had a similar issue, and solved it following this guy's code: https://discord.com/channels/719702312431386674/1337811059180048477/1338809045578153984
metropolitan-bronze
metropolitan-bronzeOP•5mo ago
Ok so I got that working, but it sure would be swell if I could also get the dev server output to have the right host:
No description
metropolitan-bronze
metropolitan-bronzeOP•5mo ago
But yeah, adding that to the vite config did the trick: 
  vite: {
    server: {
      allowedHosts: ["local.customdomain.com"],
      host: "local.customdomain.com",
    },
  },
  vite: {
    server: {
      allowedHosts: ["local.customdomain.com"],
      host: "local.customdomain.com",
    },
  },
In addition to adding it to the dev script: 
    "dev": "vinxi dev --host local.customdomain.com"
    "dev": "vinxi dev --host local.customdomain.com"
Ok now new challenge: I'm struggling to get https working locally. In my normal vite app: 
export default defineConfig({
  plugins: [react()],
  server: {
    https: {
      key: fs.readFileSync(path.resolve(__dirname, 'cert/local.domain.com-key.pem')),
      cert: fs.readFileSync(path.resolve(__dirname, 'cert/local.domain.com.pem')),
    },
    host: 'local.domain.com',
    port: 3000,
  },
});
export default defineConfig({
  plugins: [react()],
  server: {
    https: {
      key: fs.readFileSync(path.resolve(__dirname, 'cert/local.domain.com-key.pem')),
      cert: fs.readFileSync(path.resolve(__dirname, 'cert/local.domain.com.pem')),
    },
    host: 'local.domain.com',
    port: 3000,
  },
});
this works fine. In my TSS app, not so much: 
const config = defineConfig({
  vite: {
    server: {
      https: {
        key: readFileSync(resolve(__dirname, "./cert/local.domain.com-key.pem")),
        cert: readFileSync(resolve(__dirname, "./cert/local.domain.com.pem")),
      },
      host: "local.domain.com",
      allowedHosts: ["local.domain.com"],
      port: 3000,
    },
  },

});
const config = defineConfig({
  vite: {
    server: {
      https: {
        key: readFileSync(resolve(__dirname, "./cert/local.domain.com-key.pem")),
        cert: readFileSync(resolve(__dirname, "./cert/local.domain.com.pem")),
      },
      host: "local.domain.com",
      allowedHosts: ["local.domain.com"],
      port: 3000,
    },
  },

});
Anyone set this up locally in TSS before?

Did you find this page helpful?