How to hide localhost URLs when launching?

[adam-nielsen]

Hi all,

When I run Vite, is there a way to tell it to not suggest any local URLs, or accept that the custom domain I have entered is the local one?

  VITE v6.1.0  ready in 172 ms

  ➜  Local:   https://localhost:2010/
  ➜  Local:   https://localhost.localdomain:2010/
  ➜  Local:   https://lvh.me:2010/
  ➜  Local:   https://vite.lvh.me:2010/
  ➜  Network: https://myorg-development.local:2010/
  ➜  press h + enter to show help

The problem is that our single-signon environment will only accept myorg-development.local:2010 as a hostname, and any other hostnames will be rejected as unauthorised. So I'd like to hide the other suggestions to avoid anyone from accidentally using the wrong URL and being unable to open the site. This domain maps to 127.0.0.1 so it's the same as localhost, except for what gets sent in the HTTP Host header.

I've looked through the docs and only allowedHosts looks like it could work, except that it is apparently ignored when HTTPS is enabled.

What am I missing? How can I get Vite to only show URLs I have specified and no others?

Thanks!

[zhangzhuang15]

Vite seems not to open any option to change this, instead, write a plugin to do it. Here's an example:

// serverPlugin.ts
export default () => ({
  name: 'server',
  /**
   * @param {import("vite").ViteDevServer} server
   */
  configureServer(server) {
    return () => {
      console.log('server: ', server);
      server.printUrls = () => {};
    };
  }
});

import { defineConfig } from "vite"
import  serverPlugin from "./serverPlugin"

export default defineConfig({
   plugins: [ serverPlugin() ]
})

[adam-nielsen]

Thanks for that! By using your example to remove all the local URLs, I only got the one URL I desired:

configureServer(server: ViteDevServer) {
  return () => {
    const oldPrintUrls = server.printUrls;
    server.printUrls = () => {
      if (server.resolvedUrls) {
        server.resolvedUrls.local =
          server.resolvedUrls.local.filter(a => a.includes('myorg-development.local'));
        server.resolvedUrls.network =
          server.resolvedUrls.network.filter(a => a.includes('myorg-development.local'));
      }
      oldPrintUrls();
    };
  };
}

Not quite sure why it comes up as a network URL, despite resolving to 127.0.0.1, but that's not so important for my particular use case.

  VITE v6.1.0  ready in 168 ms

  ➜  Network: https://myorg-development.local:2010/
  ➜  press h + enter to show help

[ant-dep-linxea]

Hi, you can also, simply add to your server/preview config this:

open: 'myorg-development.local'

or a full custom like : https://${env.HOST}:${PORT}

[adam-nielsen]

I believe that controls which URL opens in the browser, but we prefer it doesn't open automatically, otherwise you get an extra tab opening every time you start Vite, and you can't control which browser it opens in (e.g. we use both Chrome and Firefox and it only opens in your default browser).