如何连接后端本地的接口

最新推荐文章于 2024-06-01 22:39:36 发布
最新推荐文章于 2024-06-01 22:39:36 发布
阅读量6.5k 收藏 15
点赞数
分类专栏： 交互 文章标签： api接口联调
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38502227/article/details/91531189
版权

方法1：window + R 打开下面路劲

找到hosts 文件

进行编译 ，添加后端的ip地址，重启项目就可以了

注意：可以打开cmd, 输入Ping 后端IP地址，如 Ping 192.168.1.112  ，如果Ping 接成功就OK了，

若是不可以，就关闭电脑的防火墙试试

方法2：下载 安装 SwitchHosts ，然后将ip接口地址放入，具体百度吧

方法3：同一局域网下：在项目的根目录下建立 .env.local 文件，写入 VUE_APP_BASE=http:192.168.12.120/web ,然后重启服务就可以了

 

蓝色的落叶
关注
  • 0
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue调用接口获取后台数据_vue开发前后端分离前端如何调用后端接口？
weixin_39640085的博客
12-19 1万+
对前后端分离如何调用接口这块感觉一直没怎么弄明白，但又不知如何说明，下面我模拟一个项目说明我的问题。现在我们有个项目，前端用vue开发，后端php开发，后端测试地址为：localhost:8181，项目服务器地址是：www.cocoy.com。在开发阶段模拟数据(userdata.json)是放在static文件夹里，而在后端与userdata.json对应的文件userdata.php是在abc...
同一局域网内，调用其他同事本地服务接口配置
撸码人
03-26 1万+
1、网上有不少的文档，好多都是关闭防火墙的，我想说的是，真被其他的人的“误操作”，自己找个其他地哭去吧 2、直接上干货 第一步： 第二步： 第三步： 第三步： 第四步，返回上一个界面 第五步： 最后进入主要的配置区 这块就可以根据自己的需要配置开放的端口号了，左边选择出站还是入站，右边有新建，点击新建后 后续的就是起个自己的...
如何在测试/线上环境页面访问本地接口？
最新发布
程序员Forlan的博客
06-01 725
主要分享了如何在测试/线上环境页面访问本地接口，进行接口测试
搭建一个本地的数据接口
zsl15039718107的博客
06-18 5587
搭建一个的本地数据接口（json server） 在前端开发过程中避免不了有时需要伪造模拟数据先行开发，启动一个本地数据接口，对于前端开发人员来说至关重要，当然方式有很多种，今天分享json server 搭建一个本地数据接口的实现方式。 首先附上在线学习网址：https://github.com/typicode/json-server 第一步： 全局安装：npm install -g json-server 第二步： 创建一个文件夹 1：cd 到创建的文件夹——>npm install 以下默认
TCP/IP网络协议栈(转载)
weixin_30835923的博客
08-25 206
原文：http://www.cnblogs.com/xuanku/p/tcpip.html TCP/IP网络协议栈分为四层, 从下至上依次是: 链路层 其实在链路层下面还有物理层, 指的是电信号的传输方式, 比如常见的双绞线网线, 光纤, 以及早期的同轴电缆等, 物理层的设计决定了电信号传输的带宽, 速率, 传输距离, 抗干扰性等等。 在链路层本身, 主要负责将数据跟物...
前端连接后端本地代码调试
wjyfire的博客
12-22 1万+
因为项目前后端分离，要与前端进行接口联调，后端本地启动项目，前端配置IP地址后可以直接访问后端启动的本地项目接口。 前提条件是两台电脑得处于同一局域网下。 此教程后端台式机，前端Mac笔记本。 1、后端启动java项目，接口能正常访问 2、后端电脑cmd输入ipconfig获取ip地址给到前端 3、前端打开Mac终端输入vim /etc/hosts 配置后端IP地址 4、前端用配置的域名可以正常访问接口 ...
app连接后端接口.zip
03-03
在开发移动应用（如iOS或Android的APP）时，与后端接口的连接是至关重要的一个环节。"app连接后端接口.zip"这个压缩包很可能包含了一个完整的项目示例，用于展示如何实现APP与服务器之间的数据交换。在这个案例中，...
后端接口测试工具的使用简述
03-23
填写接口需要的参数  使用的是name-value的形式 4.RequestBody  可以选择本地文件上传测试 一般来说，这些就可以方便地处理绝大多数的简单后端测试了，但是在涉及到RequestB
http-->https后端Java接口spring boot项目配置文件及生成证书的方法.7z
12-24
在IT行业中，尤其是在Web开发领域，安全性是至关重要的。...现在我们详细探讨一下这个主题。 ...1. **生成证书**：如描述中提到的，keystore.p12文件是用于存储证书和私钥的文件。通常，我们可以使用Java的keytool工具...
spring-boot-api:spring-boot 通用APP后端api接口 restful api接口 前后分离后端接口
05-01
适用于APP后端接口服务 前后端分离项目提供接口服务 集成jpa（Java持久层API）ORM jpa的curd 原生curd MySQL分页 阿里数据库连接池druid 封装腾讯云CMQ相关接口 redis相关接口API jwt 权限认证 http等请求相关接口 ...
mockman 本地模拟接口
08-31
Mockman 是一个强大的本地接口模拟工具，主要用于在开发过程中快速模拟服务器接口，提供即时的数据响应，使得前端开发者能够在没有后端支持或者后端接口未完成的情况下进行开发工作。通过使用 Mockman，开发者可以...
前后端本地联调
qq_62022086的博客
10-24 1万+
前端和后端进行本地联调的操作步骤。
Vue 请求后台自带本机地址
qq_44443020的博客
05-18 1264
Vue 请求后台自带本机地址 最近学习Vue 封装好axios 之后请求后台访问路径自带了Vue开发地址效果如下 其实就是分装axios时候BaseUrl 写错了 将baseURL中的127.0.0.1去掉只设置/api 不需要设置地址因为Vue会自动添加IP修改后效果 还有一点就是使用了BaseURL 一定要记得再vue.config.js 中根据前缀配置代理路由到后台真是地址 ...
webpack将端口号http://localhost:8080/ 改成本机IP地址:192.168.1.103:8080/，在局域网内访问，方法如下：
热门推荐
麻球科技
03-13 2万+
找到config文件下的index.js 将host: 'localhost', // can be overwritten by process.env.HOST 改为：host: '192.168.1.103', // can be overwritten by process.env.HOST即可，在浏览器输入192.168.1.103:8080/即可访问...
将外网服务器地址端口映射到本地
fht3873的博客
04-24 2672
将外网服务器端口映射到本地端口_litchi&&mango的博客-CSDN博客_服务器端口映射到本地
Vue项目实战（六）将接口用 webpack 代理到本地
huangshulang1234的博客
01-08 4175
Vue项目实战（六）将接口用 webpack 代理到本地 这一篇介绍将vue如何将接口用 webpack 代理到本地，公众号已经准备了vue实战教程，如果您有需要，可以在公众号回复“vue”获取。 在上一篇博文《Vue项目实战（五）配置 Axios api 接口调用文件》中，我们已经非常顺利的调用到了 cnodejs.org 的接口了。但是，我们可以注意到我们的sr
vue连接后端本地接口_Vue-cli中本地跨域请求后端接口详细配置
weixin_29157493的博客
02-22 2188
RT打开你的vue项目工程目录,如下:项目目录选择config下的index.js文件,在proxyTable中添加如下配置:添加的配置找到dev下的proxyTable配置,这里详细解释下proxyTable中的配置.图中的'/admin'意思是你配置的接口名称,比如请求login/login接口,,则请求的url为'/admin/login/login'如图接口中的url地址其中change...
vue连接后端本地接口_详解vue配置后台接口方式
weixin_40004502的博客
12-20 8194
详解vue配置后台接口方式在vueAdmin项目中有两种方式配置后端接口的方式，在此做下记录第一种(代理方式)在工程目录下 > config > index.js- 修改为如下配置proxyTable: {'/api': {target: 'http://127.0.0.1:8000',pathRewrite: {'^/api': ''}}},在工程目录下 > src > ...
esp8266连接web后端
05-12
ESP8266是一款低成本、高性能的Wi-Fi芯片，可以通过连接Web后端实现数据传输和远程控制等功能。 要连接Web后端，需要使用ESP8266的AT指令，将ESP8266设置为客户端模式，并使用TCP/IP协议与Web后端进行通信。具体步骤如下： 1. 为ESP8266设置网络参数，包括SSID和密码等。 2. 将ESP8266设置为客户端模式，通过AT指令设置。 3. 建立TCP连接，通过AT指令连接Web后端服务器。 4. 发送HTTP请求，通过AT指令发送GET或POST请求到Web后端服务器。 5. 接收HTTP响应，通过AT指令接收Web后端服务器返回的数据。 需要注意的是，在进行ESP8266连接Web后端时，需要确保ESP8266和Web后端服务器处于同一局域网中，同时也需要确保Web后端服务器已经开启并监听相应的端口。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值