uniapp项目连接自己本地后台运行到浏览器和手机的ip地址问题

已于 2022-12-30 10:07:59 修改
阅读量1.9k 收藏 3
点赞数
分类专栏： uniapp 文章标签： uni-app
于 2022-12-30 10:05:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SSophia/article/details/128491396
版权

uniapp开发app端项目

报错Unhandled promise rejectionTypeError: Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a Symbol.iterator method.
解决：
运行到浏览器端地址可使用http://127.0.0.1:8082或者http://localhost:8082
运行到手机端进行调试或者模拟器要使用ipconfig出来的ipv4地址
比如我的：http://192.168.18.107:8082

成长中的向日葵
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app - 修改默认端口，H5 项目控制台运行出来的 IP 地址的默认端口号（H5 项目运行后控制台，修改项目运行到内置浏览器默认 8080 端口号）
王佳斌
11-28 6752
uni-app 运行到H5 修改默认端口号，uni-app如何修改默认端口，uni-app修改默认端口，uni-app本地运行修改调试已上线微信H5项目，请问在UNIAPP的H5运行调试时候的IP是否可以自己设置固定，uni-app 开发环境,如何设置 h5 服务器的端口，uni-app 如何修改默认端，uni-app 修改默认端口，uni-app指定端口号，uni-app - 修改 H5 项目控制台运行出来的 IP 地址的默认端口号（H5 项目运行后控制台，修改项目运行到内置浏览器默认 8080 端口号）
uni-app的h5/小程序/app 网络请求，解决本地环境和生产环境网络请求问题
weixin_45753961的博客
04-11 9784
本篇的重点主要在于解决这三端在本地和正式环境的网络请求问题 全部代码贴在了全文最后 思路： 首先要理解这三个端的特性，h5会有跨域问题需要反向代理，小程序和app不需要反向代理，同时小程序还得用https域名。 一、h5， 一般会跨域需要反向代理。所以要在mainifest.json设置反向代理。在请求接口时，还得拼个/api前缀 // 配置代理 "devServer" : { "proxy" : { "/api" : { "target" : "ht
Uncaught (in promise) TypeError: Invalid attempt to destructure non-iterable instance
JCM_ZZ的博客
01-30 1509
Uncaught (in promise) TypeError: Invalid attempt to destructure non-iterable instance
2024最新1小时零基础编写uniapp和小程序管理后台，基于uniadmin和vue3实现uniapp小程序的网页管理后台
最新发布
编程小石头
05-11 1512
打开开发者工具Hbuilder,然后点击左上角的文件，点新建，点项目。如下图。选择uniadmin，编写项目名，然后使用vue3记得选用阿里云服务器，因为最便宜点击创建，等待项目创建。
Unhandled Rejection (TypeError): Invalid attempt to spread non-iterable instance
Codernmx
09-22 2246
解决React 错误Unhandled Rejection (TypeError): Invalid attempt to spread non-iterable instance 主要是自己在使用 react + antdesign 的upload组件的时候遇到的 如果直接赋值给fileListTemp e 的话就会出现当前错误 这里需要改的就是把e.fileList 赋值回去就行 ...
uni-app小程序连接后台
WJLSH123的博客
01-22 2674
Vuex仓库 Vue.use(Vuex) import {auth} from '../api/index.js' export default new Vuex.Store({ state:{ token:null, userinfo:{ nickName:'', avatar:'' } }, getters:{ getToken(state){ if(state.token){ return state.token } return uni
uni-app 运行在浏览器跨域问题
weixin_44387746的博客
02-18 827
在 manifest.json 根目录下配置代理 "h5": { "devServer": { "port": 8080, //端口号 "disableHostCheck": true, "proxy": { "/api": { "target": "代理域名", //目标接口域名 "changeOrigin": true, //是否跨域 "secure": false, // 设置支持https协议的代理 "pathRewrite":
uniapp开发app真机调试连接电脑服务器请求失败解决方法
奋斗的新丁
04-23 7504
先说答案：手机跟电脑连同一wifi（电脑和手机在同一个网络环境），然后访问地址用内网ip 第一步：确认手机和电脑在同一个网络环境中 第二步：电脑cmd，输入ipconfig查看内网ip 将请求ip改为内网ip就可以了 ...
uniapp开发app调用本地接口
m0_63262511的博客
09-23 460
uniapp开发app调用本地接口
如何设置本地连接ip 本机固定IP地址设置方法
10-01
很多配置路由器的时候有时候找不到192.168.1.1就是因为本地固定ip地址有问题，这个时候就需要我们设置本地固定ip地址了，近日又有不少网友向编辑问这个问题，今天脚本之家编辑专门针对本地连接ip设置做详细介绍，...
本地连接IP地址快捷设置
01-24
为方便工作时切换常用IP需要，写了一个快速切换设置IP地址、DNS地址的bat批处理程序。 使用前请先编辑修改成你常用的IP和DNS。
.NET获取客户端的操作系统版本、浏览器版本和IP地址
10-21
主要为大家详细介绍了.NET如何获取客户端的操作系统版本、浏览器版本和IP地址,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
手机连接WiFi后电脑显示IP地址存在冲突怎么办？
10-01
手机连接WiFi后电脑显示IP地址存在冲突怎么办？电脑连接了WiFi，但当手机连接WiFi后，电脑显示IP地址存在冲突，然后电脑就断网了，下面分享解决办法，需要的朋友可以参考下
Android获取热点主机ip和连接热点手机ip的代码
08-28
主要介绍了Android获取热点主机ip和连接热点手机ip的相关资料,需要的朋友可以参考下
uni 无法本机ip访问 node本机ip无法访问
weixin_45345105的博客
01-14 960
想本机通过模拟器访问访问本机部署的H5方便排错，发现node用不了ip访问。 防火墙和端口都确认打开，本机ip也能ping通，但换成本机ip无法访问，只能localhost进行访问。 发现node服务器需求特殊配置才可以用ip访问。 解决：使用其他服务器 用VsCode的LiveServer后本机ip成功访问。 模拟器访问 ...
uniapp使用原生请求访问本地服务器
qq_55695208的博客
03-07 1400
通过async调用的函数返回的会使一个promise对象， uni.request（object）是uni的原生请求方式，配置好后用.then获取数据。第一个是成功回调函数，默认有一个参数，可根据参数判断成功与否，并获取数据。该函数是我的请求函数，没有经过封装，在created（）中调用的。需要注意的是async是不能直接在生命周期中使用，通过写成函数在里面调用即可。一个Promise对象如何前面加上await返回的就直接是结果，.then函数中第一个成功回调函数的参数。
uni-app——网络请求、数据缓存
Bonsoir777的博客
11-09 2840
本文主要介绍uni-app中网络请求以及数据缓存等相关知识点
uni-app： IPv4地址代替localhost当做项目接口请求地址，不同工作环境需要配置不同请求地址
weixin_42274549的博客
10-25 4027
今天有个有趣，又容易被忽略的小问题，就是在公司写了一周的uni-app项目，今天周日把电脑带回家里继续编写项目时，一切照常进行，用HBuilder把项目运行在手机上调试，发现数据一直无法请求到，页面一直在loading加载状态。 因为用git每次做完一个功能点，我都会规范的提交到码云中，切换到之前的一个版本也是这样，测试了很多种，却忽略了一个致命又隐秘的问题。 就是我回家电脑连的wifi是自己家的IPv4地址是和之前在公司用的本机地址是不一样的，于是运行cmd通过npm config将打印出来的IPv4地.
uniapp网络请求成功（真机+开发者工具+H5）-全部配置及技巧
重庆科技学院XMY的博客
04-21 5673
uniapp多端网络请求失败的解决配置
uniapp 获取ip
08-29
在uni-app中获取IP地址的方法有多种，其中一种方法是使用引入外部JS的方式来获取。你可以在浏览器中使用以下代码来获取IP信息： ``` <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/javascript"> console.log(returnCitySN["cip"], returnCitySN["cname"]) </script> ``` 这段代码会通过引入http://pv.sohu.com/cityjson?ie=utf-8这个外部JS文件来获取IP地址信息。你可以将这段代码放在你的uni-app项目中的某个页面中的<script>标签中，然后在浏览器中打开该页面，就能在控制台中看到IP信息的输出。 另外，如果你想在uni-app中直接获取IP地址，你可以使用utils.js文件中定义的getIPs方法。这个方法会获取局域网中的所有IP地址。具体的代码如下： ``` /**utils.js文件内容**/ const fun = 'function'; /**获取局域网所有ip**/ export function getIPs(success){ var IPUtils = plus.android.newObject("io.dcloud.HBuilder.ip.IPUtils"); //获取arp地址及mac信息 var hevent = plus.android.implements( "io.dcloud.HBuilder.ip.IPUtils$OnScanListener", { "scan":function(resultMap){ if(success && typeof success === fun){ success(JSON.stringify(resultMap)) } } }); //设置接口信息 plus.android.invoke(IPUtils,'setOnScanListener',hevent); //刷新arp缓存 plus.android.invoke(IPUtils,'startScan'); } ``` 你可以将这段代码放在utils.js文件中，然后在你的uni-app项目中的某个页面中引入并调用getIPs方法来获取局域网中的所有IP地址。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Android/uni-app读取局域网所有IP&MAC](https://blog.csdn.net/qq2523208472/article/details/103156623)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [uniapp如何获取IP地址](https://blog.csdn.net/dwb123456123456/article/details/116296138)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值