前端文件在虚拟机,后端在本机,两个如何通信

前端文件在虚拟机,后端在本机,两个如何通信

如果前端的文件放在虚拟机里面,但是调用接口的后端在本地调试,如何做到在虚拟机中也能访问到本地的接口内容。

其实这个问题很简单,只要讲本地的IP和虚拟机中的IP结合就可以了。

虚拟机的配置

我这里以VMware为例,在虚拟机中需要将本地的IP改为桥接模式,或者和虚拟机中的IP对应也行,看哪种方案适合你吧。

我就先将虚拟机中连接类型改为桥接模式

点击编辑虚拟机设置。

在这里插入图片描述

选择桥接模式,之后确定。

在这里插入图片描述

将这个系统启动;查看这个虚拟机中的IP地址,输入ifconfig,这个就是我们需要找的IP地址

在这里插入图片描述

查看本机IP地址

找到虚拟机的地址后,再找自己的IP地址,在Windows控制台中输入ipconfig,我本机IP地址是192.168.31.35

在这里插入图片描述

修改NGINX配置文件

如果你在虚拟机中使用的nginx,需要在配置文件中将你后端接口地址放进去,找到nginx.conf文件,将192.168.31.35地址放入,将里面的localhost替换为本地的地址192.168.31.35

在这里插入图片描述

将本机和虚拟机IP关联

之后使用这个地址我的是192.168.31.202连接到控制台,将前端文件拖进去,或者直接就将文件拖入到虚拟机中也可以。

在这里插入图片描述

如果是一些学习项目直接在这里改就好了。

在这里插入图片描述

将项目启动。

在这里插入图片描述

之后就可以看到了。

在这里插入图片描述

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2023-12-28 10:36:07       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-28 10:36:07       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-28 10:36:07       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-28 10:36:07       20 阅读

热门阅读

  1. 设计模式之状态模式

    2023-12-28 10:36:07       41 阅读
  2. Elasticsearch 常用 REST API 之集群APIs

    2023-12-28 10:36:07       32 阅读
  3. 【前端框架】NPM概述及使用简介

    2023-12-28 10:36:07       35 阅读
  4. 如何解决服务器CA证书过期的问题

    2023-12-28 10:36:07       43 阅读
  5. centos 7.9 安装 qt5.15.11

    2023-12-28 10:36:07       48 阅读
  6. 【后端】拷贝数据字典

    2023-12-28 10:36:07       39 阅读
  7. C# 基于事件的观察者模式

    2023-12-28 10:36:07       33 阅读
  8. Django信号机制源码分析(观察者模式)

    2023-12-28 10:36:07       41 阅读
  9. 基数(Radix)排序

    2023-12-28 10:36:07       36 阅读