Nuxt auf lokaler Domain?

Question

Ich habe meine .hosts-Datei auf 127.0.0.1 local.mydomain.dk eingerichtet

Und dann habe ich in meiner Nuxt-Konfigurationsdatei Folgendes eingerichtet:

server: {
  port: 3000, // default: 3000
  host: 'local.mydomain.dk' // default: localhost
},

Und zu guter Letzt in package.json:

"dev": "nuxt --hostname local.mydomain.dk --port 3000",

Wenn Sie jedoch npm run dev ausführen, wird Nuxt immer noch auf localhost: 3000 gestartet und nicht auf meiner benutzerdefinierten Domain? Wenn ich versuche, im Browser zu meiner benutzerdefinierten Domain zu wechseln, wird die Meldung "Site kann nicht erreicht werden" angezeigt.

Gibt es noch etwas, um Nuxt für die Ausführung in einer lokalen Domäne einzurichten?

Answer 1

Hatte das gleiche Problem. Meine Lösung für dieses Problem war:

1. Fügen Sie Folgendes in meine etc / hosts- Datei ein:

   127.0.0.1 local.mydomain.dk

2. DNS leeren (unterschiedlicher Befehl in jedem Betriebssystem)

3. Fügen Sie in nuxt.config.js Folgendes hinzu :

 

server: {
    port: 80,
    host: '0.0.0.0',
}

Nun, wenn Sie zu navigieren http://local.mydomain.dk es wird klappen.

Bei diesem Ansatz bemerkte ich, dass das Nuxt-Favicon fehlte (ich weiß nicht, ob es andere [schwerwiegende] Probleme mit sich bringt), und wechselte zu:

server: {
    port: 3000,
    host: 'http://local.mydomain.dk',
}

Dieses Mal müssen Sie zu navigieren http://local.mydomain.dk:3000 arbeiten.

Answer 2

Wenn Sie Ihre Nuxt-App auf einem Server bereitstellen möchten, können Sie folgendermaßen vorgehen.

Sie laden Ihre App auf Ihren Server hoch und lassen die Konfiguration so, wie sie ist. Wenn Sie Ihre Nuxt-App ausführen, wird sie bei localhost gestartet, und der localhost ist in diesem Fall jetzt der Server.

Sie sollten über die IP + -Port Ihres Servers auf die App zugreifen können

Wenn Sie eine Domain gekauft haben, müssen Sie Ihren Namespace-Server entsprechend der Anforderung an Ihre Server-IP bearbeiten.

Sie müssen jetzt beispielsweise einen Nginx-Reverse-Proxy einrichten, der die eingehende Anforderung an Ihre App weiterleitet