来自领导的指点--1 : 小程序和H5 代理问题
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 代理问题相关推荐
- h5打开app_移动端产品比较分析:APP、小程序、H5
本文笔者从实际工作经验出发,结合参考相关文章,对移动端产品(APP.小程序.H5)从13个方面进行了比较分析,与大家分享. 移动端产品包括小程序(本文特指微信小程序).APP(安卓.IOS).H5页面 ...
- h5 bootstrap 小程序模板_小程序还是h5,哪个是在线教育公司首选?
2016年-2018年是以知识付费为特征的在线教育新模式的黄金时期.从产业链的上游来看,得到.知乎.喜马拉雅等平台方融资一个比一个更快,融资额一个比一个更高:从产业链的中下游看,越来越多的大V通过图文 ...
- h5 bootstrap 小程序模板_一道面试题小程序与H5的区别
抛砖 此文是一道面试题,又不仅仅是一道面试题 面试题,在各个技术社区里都是一个永不落伍的话题,好像大多数人临面试前都会狂刷面试题,恨不得把所有面试题都看一遍,要说有用没,当然有用,因为大部分面试题确实 ...
- 微信小程序PHP文件建在哪里,微信小程序解析H5文件方法
经常有网友问怎么让微信小程序解析H5文件或者类似封装H5网页到APP里面?我一开始觉得这是不可能的,因为官方的解答是这样的: 每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index. ...
- app能不能跳转外部h5_轻羽微信小程序和H5的区别在哪里?主要有三点
随着移动互联网的发展,许多应用在不断的产生,要说现在更新快.开放功能多的应用,只能是微信小程序了.微信小程序开放了60多个流量入口,更新了各种新的功能,尤其是之前实现的页面跳转功能,给开发者带来了好消 ...
- 电商后台、手机端、小程序、H5、电商原型、需求池、产品结构图、接口流程、高保真交互、PRD、布局说明、数据统计、店铺管理、商品管理、财务管理、售后、订单、会员、客服、标签、Axure原型、产品原型
电商后台.手机端.小程序.H5.电商原型.需求池.产品结构图.接口流程.高保真交互.PRD.布局说明.数据统计.店铺管理.商品管理.财务管理.售后.订单.会员.客服.标签.Axure原型.产品原型.h ...
- App、小程序、H5,这三者该如何抉择?
无论是大公司还是创业小公司,都会面临先做App.小程序还是H5的困境,还有公司是所有终端都一起做. 对于大公司来说可以同步进行一起开发,但对于小公司来说就未必有那么多人力和精力一起去完成了.那他们彼此 ...
- json 微信小程序 筛选_GitHub - zhengyangkang/sl-filter: uni -app 一款使用简单的筛选组件,适配app、微信小程序、H5。...
sl-filter 筛选 筛选组件,组件名:sl-filter dcloud插件市场地址 sl-filter 简介 一款使用简单的筛选组件,适配app.微信小程序.H5. 感谢分享 效果图 并列菜单 ...
- 省钱兄同城跑腿小程序源码uniapp前端模版源码(小程序+APP+H5)
开源省钱兄同城跑腿源码,目前只开源用户端V2版本部分核心模块源码提供学习研究 使用uniapp技术,提供学习使用不可商业 适配支持公众号+APP+H5+小程序,使用Hbuilder导入即可运行 #功能 ...
最新文章
- 谷歌、亚马逊的顶级GPU被质疑太贵了!这种CPU算法竟然快15倍
- 最优二叉树——哈夫曼树
- minihomepage.exe 百度视频迷你主页
- mysql 安装测试ok_tpcc-mysql安装测试与使用的实例教程
- layui轮播图切换会有跳动_Layui中轮播图切换函数说明
- Html中的map标签
- Java 反射(初步)
- java linkedlist源码分析_LinkedList源码分析(基于Java8)
- Front_end - - BOM和DOM
- Python数据结构与算法笔记(七):数据结构——队列,链表和哈希表
- python代码编写_高质量Python代码编写的5个优化技巧
- 淘宝 封住baidu的蜘蛛了吗?
- 【论文笔记】基于交易的以太坊智能合约分类检测方法
- 1688item_search新品数据获取API接口调用示例
- 心理咨询类_微信小程序项目实战、含:标注图、效果图、视频、源码
- 《月薪5千与月薪5万的文案区别》!如何用立体思维去解决问题
- Paillier 半同态加密:原理、高效实现方法和应用
- 题目 1026: [编程入门]数字逆序输出
- JAVA毕业设计Web网上购书后台管理系统计算机源码+lw文档+系统+调试部署+数据库
- 外国建筑史的学习资料
热门文章
- Nature子刊:功能性脑架构与阿尔兹海默症tau蛋白聚集速率有关
- Mac使用技巧:更改启动磁盘!
- html 自动适应手机屏幕大小,网页宽度自动适应手机屏幕宽度的实现代码(viewport)...
- B\S备忘录02——分页
- opencv修改图片尺寸
- 最新仿新版趣味网视频文章问答综合网站源码+帝国内核
- 【AMI BIOS入门】添加item-POWERLED_CONFIGURATION
- Windows使用telnet验证服务端口是否通
- 虚拟机怎么重启服务器,虚拟机服务器重启命令行
- 桌面级处理器和移动端处理器