Javascript 即使更改网络，如何通过网络始终连接到本地服务器？ 背景

我有一个项目，其前端在节点上运行。当我在本地启动服务器时，我得到这个

  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://192.168.1.183:8080/

但根据我所连接的网络，网络地址可能会发生明显的变化

为了与后端对话，我目前使用了一个环境变量

VUE\u APP\u backend\u SERVER=http://192.168.1.183:3000“

，但每次本地地址更改时，我都必须更改该变量

我试过的 我尝试使用静态IP连接到网络，但当我运行服务器时，它在运行于…消息的

应用程序中仍然具有相同的地址。我可以访问
http://stat.IP.add.ress:8080
通过运行服务器的计算机上的浏览器，但在连接到网络的任何其他设备上运行不起作用（只能通过消息中的地址连接）

有没有一种方法可以


使网络上的其他设备可以访问该静态IP？
或
以某种方式访问Javascript中的服务器网络地址，这样我就可以直接连接到
${networkAddress}:3000

注
这只是供本地开发人员使用，我不需要能够捕获访问生产版本的用户的IP地址的解决方案。
以下是您在开发过程中要做的事情

从与您的后端相同的服务器为您的Vue应用程序提供html

使用相对URL加载Vue应用程序javascript，例如src=“/path/to/vueapp.js”浏览器将访问同一服务器

如果要运行Vue应用程序，请在开发过程中，将该服务器的URL放入浏览器位置栏，以访问该应用程序<代码>https://localhost:3000

是您在本地计算机上访问它的方式

然后，当你准备上线时，把你的服务器代码放在一台主机名为DNS的机器上（比如说

myvue.example.com

）。然后使用

http://myvue.example.com:3000

此外，在发布过程中，您需要了解如何使用

https

。这太多了，不能用一个这样的答案来回答

---

tl；dr将您的html和vue应用程序放在同一台服务器上，并从同一台服务器加载带有相对URL的vue应用程序。

以下是您在开发过程中要做的事情

从与您的后端相同的服务器为您的Vue应用程序提供html

使用相对URL加载Vue应用程序javascript，例如src=“/path/to/vueapp.js”浏览器将访问同一服务器

如果要运行Vue应用程序，请在开发过程中，将该服务器的URL放入浏览器位置栏，以访问该应用程序<代码>https://localhost:3000是您在本地计算机上访问它的方式

然后，当你准备上线时，把你的服务器代码放在一台主机名为DNS的机器上（比如说

myvue.example.com

）。然后使用

http://myvue.example.com:3000

此外，在发布过程中，您需要了解如何使用

https

。这太多了，不能用一个这样的答案来回答

---

tl；dr将您的html和vue应用程序放在同一台服务器上，并从同一台服务器加载带有相对URL的vue应用程序。

如果您只是在本地开发，那么您应该能够使用

localhost

或环回地址范围（例如

127.0.0.1

）。对于同一台机器，它们将保持静止。如果你在另一台机器上托管后端，你可能需要一台服务器或一些始终运行且具有静态IP的东西。您可以启动/停止后端，但地址将保持与我希望通过网络上的其他设备访问它的相同，因此localhost不适用于此用例。如果您只是在本地开发，那么您应该能够使用

localhost

或环回地址范围（例如，

127.0.0.1

）。对于同一台机器，它们将保持静止。如果你在另一台机器上托管后端，你可能需要一台服务器或一些始终运行且具有静态IP的东西。您可以启动/停止后端，但地址将保持与我希望通过网络上的其他设备访问它的地址相同，因此localhost不适用于此用例。前端和后端位于同一端口是否不会导致问题？另外，不确定这如何解决通过网络上的另一个设备访问服务器的问题。前端和后端在同一端口上不会导致问题吗？此外，不确定这如何解决通过网络上的另一个设备访问服务器的问题。