uni-app的h5/小程序/app 网络请求,解决本地环境和生产环境网络请求问题

  • 项目场景:
  • 疑问
  • 原因分析:
    • 一、h5,
    • 二、小程序
    • 三、app

项目场景:

在写小程序的过程中
在使用后端接口的时候,接口当中自己拼接了 /api, 领导查看后给删掉了
注意 :

  • 红色是之前提交(也就是自己写的)
  • 绿色是之后提交(也就是领导改动的)

疑问

这里的 api/ 为什么可以省略啊

来自领导的回答 : api/是web端代理前缀
来自领导的回答 : 小程序请求不需要代理


原因分析:

uni-app的h5/小程序/app 网络请求,解决本地环境和生产环境网络请求问题

思路:

首先要理解这三个端的特性,h5会有跨域问题需要反向代理,小程序和app不需要反向代理,同时小程序还得用https域名。

一、h5,

一般会跨域需要反向代理。所以要在mainifest.json设置反向代理。在请求接口时,还得拼个/api前缀

let url ='/api/system/login'

正式环境的话,会变成ip或域名前缀+/api/system/login,后端需要配置一下nginx代理,将api替换一下

二、小程序

不需要反向代理,直接请求。所以请求接口不需要拼api前缀。
但需要https域名,所以本地环境测试时开启‘不校验合法域名……’
小程序本地环境,request网络请求地址是后台服务地址,接口不要/api前缀

let url = BASE_URL + '/system/login'

小程序生产环境,request网络请求地址要https://域名,并且要api前缀,因为域名一般对应的是前端页面,域名+api后缀,api经过了后端nginx替换,就表示是后端服务地址

let url = BASE_URL + '/api/system/login'

三、app

不需要反向代理,直接请求。所以请求接口不需要拼api前缀

// #ifdef APP-PLUS
BASE_URL = "http://192.168.1.193:8999"
// #endiflet url = BASE_URL + '/system/login'

来自领导的指点--1 : 小程序和H5 代理问题相关推荐

  1. h5打开app_移动端产品比较分析:APP、小程序、H5

    本文笔者从实际工作经验出发,结合参考相关文章,对移动端产品(APP.小程序.H5)从13个方面进行了比较分析,与大家分享. 移动端产品包括小程序(本文特指微信小程序).APP(安卓.IOS).H5页面 ...

  2. h5 bootstrap 小程序模板_小程序还是h5,哪个是在线教育公司首选?

    2016年-2018年是以知识付费为特征的在线教育新模式的黄金时期.从产业链的上游来看,得到.知乎.喜马拉雅等平台方融资一个比一个更快,融资额一个比一个更高:从产业链的中下游看,越来越多的大V通过图文 ...

  3. h5 bootstrap 小程序模板_一道面试题小程序与H5的区别

    抛砖 此文是一道面试题,又不仅仅是一道面试题 面试题,在各个技术社区里都是一个永不落伍的话题,好像大多数人临面试前都会狂刷面试题,恨不得把所有面试题都看一遍,要说有用没,当然有用,因为大部分面试题确实 ...

  4. 微信小程序PHP文件建在哪里,微信小程序解析H5文件方法

    经常有网友问怎么让微信小程序解析H5文件或者类似封装H5网页到APP里面?我一开始觉得这是不可能的,因为官方的解答是这样的: 每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index. ...

  5. app能不能跳转外部h5_轻羽微信小程序和H5的区别在哪里?主要有三点

    随着移动互联网的发展,许多应用在不断的产生,要说现在更新快.开放功能多的应用,只能是微信小程序了.微信小程序开放了60多个流量入口,更新了各种新的功能,尤其是之前实现的页面跳转功能,给开发者带来了好消 ...

  6. 电商后台、手机端、小程序、H5、电商原型、需求池、产品结构图、接口流程、高保真交互、PRD、布局说明、数据统计、店铺管理、商品管理、财务管理、售后、订单、会员、客服、标签、Axure原型、产品原型

    电商后台.手机端.小程序.H5.电商原型.需求池.产品结构图.接口流程.高保真交互.PRD.布局说明.数据统计.店铺管理.商品管理.财务管理.售后.订单.会员.客服.标签.Axure原型.产品原型.h ...

  7. App、小程序、H5,这三者该如何抉择?

    无论是大公司还是创业小公司,都会面临先做App.小程序还是H5的困境,还有公司是所有终端都一起做. 对于大公司来说可以同步进行一起开发,但对于小公司来说就未必有那么多人力和精力一起去完成了.那他们彼此 ...

  8. json 微信小程序 筛选_GitHub - zhengyangkang/sl-filter: uni -app 一款使用简单的筛选组件,适配app、微信小程序、H5。...

    sl-filter 筛选 筛选组件,组件名:sl-filter dcloud插件市场地址 sl-filter 简介 一款使用简单的筛选组件,适配app.微信小程序.H5. 感谢分享 效果图 并列菜单 ...

  9. 省钱兄同城跑腿小程序源码uniapp前端模版源码(小程序+APP+H5)

    开源省钱兄同城跑腿源码,目前只开源用户端V2版本部分核心模块源码提供学习研究 使用uniapp技术,提供学习使用不可商业 适配支持公众号+APP+H5+小程序,使用Hbuilder导入即可运行 #功能 ...

最新文章

  1. 谷歌、亚马逊的顶级GPU被质疑太贵了!这种CPU算法竟然快15倍
  2. 最优二叉树——哈夫曼树
  3. minihomepage.exe 百度视频迷你主页
  4. mysql 安装测试ok_tpcc-mysql安装测试与使用的实例教程
  5. layui轮播图切换会有跳动_Layui中轮播图切换函数说明
  6. Html中的map标签
  7. Java 反射(初步)
  8. java linkedlist源码分析_LinkedList源码分析(基于Java8)
  9. Front_end - - BOM和DOM
  10. Python数据结构与算法笔记(七):数据结构——队列,链表和哈希表
  11. python代码编写_高质量Python代码编写的5个优化技巧
  12. 淘宝 封住baidu的蜘蛛了吗?
  13. 【论文笔记】基于交易的以太坊智能合约分类检测方法
  14. 1688item_search新品数据获取API接口调用示例
  15. 心理咨询类_微信小程序项目实战、含:标注图、效果图、视频、源码
  16. 《月薪5千与月薪5万的文案区别》!如何用立体思维去解决问题
  17. Paillier 半同态加密:原理、高效实现方法和应用
  18. 题目 1026: [编程入门]数字逆序输出
  19. JAVA毕业设计Web网上购书后台管理系统计算机源码+lw文档+系统+调试部署+数据库
  20. 外国建筑史的学习资料

热门文章

  1. Nature子刊:功能性脑架构与阿尔兹海默症tau蛋白聚集速率有关
  2. Mac使用技巧:更改启动磁盘!
  3. html 自动适应手机屏幕大小,网页宽度自动适应手机屏幕宽度的实现代码(viewport)...
  4. B\S备忘录02——分页
  5. opencv修改图片尺寸
  6. 最新仿新版趣味网视频文章问答综合网站源码+帝国内核
  7. 【AMI BIOS入门】添加item-POWERLED_CONFIGURATION
  8. Windows使用telnet验证服务端口是否通
  9. 虚拟机怎么重启服务器,虚拟机服务器重启命令行
  10. 桌面级处理器和移动端处理器