1、uniapp官网文档
https://uniapp.dcloud.net.cn/component/

2、uView跨端UI组件库:
http://v1.uviewui.com/components/intro.html

3、lunchrequest(类似axios请求库):
https://www.quanzhan.co/luch-request/handbook/

4、路由管理
unisimplerouter插件
https://hhyang.cn/v2/start/quickstart.html

一、基本知识点

  1. 如何使用全局路由拦截器等路由操作使用unisimplerouterunireadpages这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

二、项目(uniapph5)中遇到开发问题&解决

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

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

其他扩展

(1)项目上线后,如果是使用nginx.conf配置代理,可修改nginxlocation配置块中的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中,修改appplus配置项的titleNViewfalse即可

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

3、

原文地址:https://blog.csdn.net/qq_38969618/article/details/129165114

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_33642.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注