Heim > Web-Frontend > View.js > Hauptteil

Wo kann die laufende Portnummer des vuejs-Projekts geändert werden?

青灯夜游
Freigeben: 2023-01-13 00:45:26
Original
9019 Leute haben es durchsucht

vuejs-Portnummer kann in der Datei „index.js“ im Konfigurationsordner im Stammverzeichnis geändert werden. Die spezifische Methode ist: 1. Öffnen Sie die Datei „index.js“ 2. Suchen Sie nach „port:8080“. Element und ändern Sie die Standardeinstellung. Ändern Sie einfach die Portnummer „8080“ in den erforderlichen Portnummernwert.

Wo kann die laufende Portnummer des vuejs-Projekts geändert werden?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Ändern Sie die Portnummer für das Vue-Projekt, das ausgeführt werden soll.

Das Ausführen von npm run dev ruft tatsächlich package.json im Stammverzeichnis auf.

Nach dem Öffnen von package.json finden Sie einen solchen Code.

"scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "lint": "eslint --ext .js,.vue src"
  }
Nach dem Login kopieren

Davon , wir sollten die Datei dev-server.js im Build-Verzeichnis anzeigen

Sie befindet sich in der Datei dev-server.js

var uri = 'http://localhost:' + port
Nach dem Login kopieren

Der Port hier ist das, wonach wir suchen, wir können ihn am Anfang finden dev-server.js

var path = require('path')
Nach dem Login kopieren

Und wo kommt der Pfad her?

Es gibt einen Konfigurationsordner im Stammverzeichnis. Sie können anhand des Namens erkennen, dass er sich auf die Konfiguration bezieht. Öffnen Sie index.js im Konfigurationsverzeichnis.

An diesem Punkt können Sie sehen, dass das Projekt mit Port: 8080 konfiguriert ist 4040

Gut Ja, so einfach! Hier kann nicht nur der Port geändert werden, sondern auch andere Konfigurationsinformationen können bei Bedarf geändert werden.

Verwandte Empfehlungen: „vue.js Tutorial

Das obige ist der detaillierte Inhalt vonWo kann die laufende Portnummer des vuejs-Projekts geändert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage