[Vue] Expose a "host" to display in the network

[devalgas-k]

Overview of the feature request

There is no Network address but:

➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h to show help

Use Case

Previously, when you run "npm start" it showed something like:

[Browsersync] Proxying: http://localhost:9060
[Browsersync] Access URLs:
 -------------------------------------
       Local: http://localhost:9000
    External: http://192.168.1.65:9000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 -------------------------------------

JHipster Version(s)

jhipster-8.1.0

Suggest a Fix: add host: true line 64 in vite.config.ts

server: {
    host: true,
    ...
  }

JHipster configuration

{
  "generator-jhipster": {
    "applicationType": "monolith",
    "authenticationType": "jwt",
    "baseName": "demo",
    "buildTool": "maven",
    "cacheProvider": "ehcache",
    "clientFramework": "vue",
    "clientTestFrameworks": ["cypress"],
    "clientTheme": "united",
    "clientThemeVariant": "primary",
    "creationTimestamp": 1701197842789,
    "cypressAudit": true,
    "cypressCoverage": null,
    "databaseType": "sql",
    "devDatabaseType": "postgresql",
    "devServerPort": 9060,
    "enableGradleEnterprise": null,
    "enableHibernateCache": true,
    "enableSwaggerCodegen": true,
    "enableTranslation": true,
    "entities": [],
    "gradleEnterpriseHost": null,
    "jhipsterVersion": "8.0.0",
    "jwtSecretKey": "M2MzMTEzM2YyYmYyNGNiYzgzNmFmNmNlZDNmZDdlZGRmNDE5NTJlMjg0MzdjYjZhZjY1ZDMxNmU4ODI2MzQwNDNlNDg0ZTc2MjliNzY5YzY5ZWU2OWVkOTdhZDg4NWUwYmIxNTBiNWFkMmVkOWFmMzU5OTI2NTM5ODhjYjA1OTE=",
    "languages": ["fr", "en"],
    "messageBroker": false,
    "microfrontend": null,
    "microfrontends": [],
    "monorepository": true,
    "nativeLanguage": "fr",
    "packageName": "com.demo",
    "prodDatabaseType": "postgresql",
    "reactive": false,
    "searchEngine": false,
    "serverPort": null,
    "serverSideOptions": ["websocket:spring-websocket", "enableSwaggerCodegen:true"],
    "serviceDiscoveryType": false,
    "skipCommitHook": true,
    "testFrameworks": ["cucumber", "cypress"],
    "websocket": "spring-websocket",
    "withAdminUi": true
  }
}

[mshima]

@devalgas-k do you want to provide the PR?

[kdevalgas]

@mshima absolutely, I'm ready to help with that!

[qmonmert]

@kdevalgas you need to add port: 9000 here

generator-jhipster/generators/vue/templates/vite.config.ts.ejs

Line 88 in 3c04365

proxy: Object.fromEntries(

do you want to make the PR?

[devalgas-k]

@qmonmert you're right, it's a line 88, I'll do PR