So legen Sie eine feste IP-Adresse in Vue fest

In der täglichen Entwicklung müssen wir häufig das Vue-Framework für die Entwicklung in einer lokalen Entwicklungsumgebung verwenden. Während des Entwicklungsprozesses unterstützt unsere Vue-Anwendung keinen externen Zugriff, daher müssen wir für den Zugriff eine feste IP-Adresse festlegen In diesem Artikel erfahren Sie, wie Sie in Vue eine feste IP-Adresse festlegen.

1. Ändern Sie den Standardport

Die Zugriffsadresse ist normalerweise http://localhost:8080 Wir verwenden am Beispiel der Portnummer 8000 die spezifischen Vorgänge wie folgt:

1. Öffnen Sie die Datei config/index.js im Stammverzeichnis des Projekts.
2. Suchen Sie das Entwicklungsobjekt und ändern Sie den Wert seines Portattributs in die benötigte Portnummer, wie im folgenden Code gezeigt:

dev: {
  port: 8000,
  // ...
}

#🎜🎜 #Führen Sie nach dem Speichern der Datei den folgenden Befehl aus, um das Projekt neu zu starten:

3. npm run dev

Zu diesem Zeitpunkt ändert sich unsere Zugriffsadresse von http://localhost:8080 an http ://localhost:8000, um unsere nachfolgenden Vorgänge zu erleichtern.

http://localhost:8080 变成 http://localhost:8000，方便我们进行后续的操作。

二、修改 host

如果我们希望在同一局域网内的其他设备访问我们的应用，我们可以在 host 文件中添加我们需要的固定 IP 地址，具体操作如下：

1. 在系统搜索栏中输入记事本，以管理员身份运行。
2. 打开 C:WindowsSystem32driveretc 目录下的 hosts 文件。
3. 在文件末尾添加以下代码，将域名 localhost 绑定到我们需要的固定 IP 地址上。

# 网站IP绑定
127.0.0.1       localhost
192.168.1.100   localhost

其中 192.168.1.100 是我们绑定的固定 IP 地址，可以替换成你需要的 IP 地址。

4. 保存 hosts 文件后，重启电脑。
5. 打开 CMD 或者 终端，输入 ipconfig 命令，找到你当前连接的局域网，记录下 IPv4 地址。
6. 在项目根目录下的 config/index.js 文件中找到 devServer 对象，将其 host 属性的值更改为你的 IPv4 地址，如下代码所示：

devServer: {
  host: '192.168.1.100', // 记得替换成你的 IPv4 地址
  // ...
}

7. 重新运行项目，在浏览器中输入 http://192.168.1.100:8000 2. Host ändern

Wenn wir möchten, dass andere Geräte im selben LAN auf unsere Anwendung zugreifen, können wir die feste IP-Adresse, die wir benötigen, in der Hostdatei hinzufügen, insbesondere die Die Bedienung ist wie folgt:

Geben Sie Notepad in die Systemsuchleiste ein und führen Sie es als Administrator aus.

#🎜🎜#Öffnen Sie die Hosts-Datei im Verzeichnis C:WindowsSystem32driveretc. #🎜🎜##🎜🎜#Fügen Sie den folgenden Code am Ende der Datei hinzu, um den Domänennamen localhost an die feste IP-Adresse zu binden, die wir benötigen. #🎜🎜##🎜🎜#rrreee#🎜🎜#Wobei 192.168.1.100 die von uns gebundene feste IP-Adresse ist, die durch die von Ihnen benötigte IP-Adresse ersetzt werden kann. #🎜🎜#

#🎜🎜#Nachdem Sie die Hosts-Datei gespeichert haben, starten Sie den Computer neu. #🎜🎜##🎜🎜#Öffnen Sie CMD oder Terminal, geben Sie den Befehl ipconfig ein, suchen Sie das LAN, mit dem Sie derzeit verbunden sind, und notieren Sie die IPv4-Adresse. #🎜🎜##🎜🎜#Suchen Sie das devServer-Objekt in der Datei config/index.js im Projektstammverzeichnis und ändern Sie den Wert seines Host-Attributs in Ihre IPv4-Adresse, wie im folgenden Code gezeigt: #🎜🎜# #🎜🎜 #rrreee
#🎜🎜#Führen Sie das Projekt erneut aus und geben Sie http://192.168.1.100:8000 in den Browser ein, um auf die Anwendung zuzugreifen. 3. Fazit LAN Unsere Anwendung. Ich hoffe, dieser Artikel ist für alle hilfreich. #🎜🎜#

Das obige ist der detaillierte Inhalt vonSo legen Sie eine feste IP-Adresse in Vue fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!