当前位置: 首页 > news >正文

uniapp: 基础开发官网文档

1、uniapp官网文档:https://uniapp.dcloud.net.cn/component/
2、uView跨端UI组件库:http://v1.uviewui.com/components/intro.html
3、lunch-request(类似axios的请求库):https://www.quanzhan.co/luch-request/handbook/
4、路由管理uni-simple-router插件:https://hhyang.cn/v2/start/quickstart.html

一、基本知识点

  1. 如何使用全局路由拦截器等路由操作:使用uni-simple-routeruni-read-pages这2个插件即可。

  1. uniapp开发的注意事项,如:小程序不支持window,document等,如果用window对象,必须if(window) 保护下代码。具体参考:https://blog.csdn.net/qq_25471925/article/details/105043183?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_v1~rank_v31_ecpm-2-105043183.pc_agg_new_rank&utm_term=uniapp%E4%BD%BF%E7%94%A8window%E5%AF%B9%E8%B1%A1&spm=1000.2123.3001.4430

二、项目(uniapp-h5)中遇到的开发问题&解决

  1. 本地开发如何配置请求接口api的代理?

答:点击src/manifest.json文件-》“源码视图”-》在打开的json文件中,找到h5配置项,并配置对应的proxy选项中配置即可。

其他扩展:

(1)项目上线后,如果是使用nginx.conf配置的代理,可修改nginx的location配置块中的proxy_pass字段,代理到对应的后台接口域名。

...
server {listen       80;server_name  localhost;location / {add_header Cache-Control no-cache;root   /app;index  index.html;try_files $uri $uri/ /index.html;}# 3个环境代理的后台接口名(动态匹配,test环境匹配test域名,pre匹配pre等)location ^~ /api/ {# service名.容器名:端口号proxy_pass http://app-xxx-xxx.xxxxx-xxxxx:80/;}# 其他代理的接口域名(如:飞书api、企微api等)location ^~ /feishu/ {proxy_pass http://xxxxxxx;}
}

2、如何隐藏h5页面默认带的导航栏?

答:在src目录下的pages.json中,修改app-plus配置项的titleNViewfalse即可。

{"path": "pages/app-xxx/xxx-mall","style": {"navigationBarTitleText": "这是导航栏标题","app-plus": {"titleNView": false // 隐藏原生导航栏}}
}

3、

http://www.lryc.cn/news/16835.html

相关文章:

  • mybatis中配置连接池的原理介绍分析
  • 二叉树——路径总和
  • WebDAV之π-Disk派盘+文件管理器
  • form表单单输入框回车提交事件处理
  • c++常用stl算法
  • 非对称密钥PKCS#1和PKCS#8格式互相转换(Java)
  • java获取当前时间的方法:LocalDateTime、Date、Calendar,以及三者的比较
  • npm link
  • Docker 如何配置镜像加速
  • 阅读笔记7——Focal Loss
  • ZCMU--5009: 龙虎斗
  • 创建项目(React+umi+typeScript)
  • FISCO BCOS(二十七)———java操作WeBase
  • 失眠时还在吃它?有风险,你了解过吗
  • 星戈瑞收藏Sulfo-CY7 amine/NHS ester/maleimide小鼠活体成像染料标记反应
  • 守护最后一道防线:Coremail邮件安全网关推出邮件召回功能
  • Python实战之小说下载神器(二)整本小说下载:看小说不用这个程序,我实在替你感到可惜*(小说爱好者必备)
  • ChatGPT三个关键技术
  • 考试系统 (springboot+vue前后端分离)
  • ChatGPT告诉你:项目管理能干到60岁吗?
  • Python自动化测试框架【Allure-pytest功能特性介绍】
  • ToB 产品拆解—Temu 商家管理后台
  • Android Studio的笔记--socket通信
  • @Async 注解
  • Redis:缓存穿透、缓存雪崩和缓存击穿(未完待续)
  • HIVE 基础(四)
  • 整型在内存中的存储(详细剖析大小端)——“C”
  • PS_高低频和中性灰——双曲线
  • Vim 命令速查表
  • Java重要基本概念理解