uni-App踩坑记录

1、uni自己封装的axios在真机中失效,发不出请求

uniapp中使用axios 需要配置适配器
(添加适配器有点费劲,直接封装uni自带请求也可以)

axios-adapter-uniapp传送门


axios.defaults.adapter = function(config) { //自己定义个适配器,用来适配uniapp的语法 return new Promise((resolve, reject) => { console.log(config) var settle = require('axios/lib/core/settle'); var buildURL = require('axios/lib/helpers/buildURL'); uni.request({ method: config.method.toUpperCase(), url: config.baseURL + buildURL(config.url, config.params, config.paramsSerializer), header: config.headers, data: config.data, dataType: config.dataType, responseType: config.responseType, sslVerify: config.sslVerify, complete: function complete(response) { console.log("执行完成:", response) response = { data: response.data, status: response.statusCode, errMsg: response.errMsg, header: response.header, config: config };
settle(resolve, reject, response);}})
})} 

2、进入页面自动聚焦,但不弹出键盘

需求为PDA进入页面自动聚焦,可以触发快捷键扫一扫,uni自带的收起键盘和h5+的不知道为什么会失效,猜测是执行速率的原因

​stop() {
let interval = setInterval(function() {uni.hideKeyboard(); //隐藏软键盘console.log('刷新')}, 50);setTimeout(() => {clearInterval(interval);console.log('停止刷新')}, 1000);}​

3、H5跨域问题


配置manifest.json最为高效便捷
找到manifest.json的源代码视图

"h5" : { "router" : { "mode" : "hash" }, "devServer" : { "port" : "8080",//端口号 "disableHostCheck" : true, "proxy" : { "/api" : { "target" : "请求的url地址前缀",//目标接口域名 "changeOrigin" : true,//是否跨域 "secure" : false, "pathRewrite" : { "^/api" : "" } } } }

意思就是用"/api"代替 baseUrl,baseUrl就是基本url路径的意思。 request.js请求数据的页面中,如果是写的baseUrl都要用“/api”来代替之前的baseUrl地址。

重要:记得请求头的设置要和manifest.json中的代理配置相同(配置完最好重启一下控制台,我被这个问题支配了一个小时) config.baseURL = “/api”

4、H5跨域配置后App调试会有问题


可以简单做下判断 if(process.env.NODE_ENV === ‘development’){ //开发环境 // #ifdef H5 config.baseURL = “/api” // #endif // #ifdef APP-PLUS ||MP config.baseURL = “xxxx” // #endif }else{ config.baseURL = “xxxx” }

扩展
官方文档

ifdef :      if defined  仅在某个平台编译
ifndef :     if not defined  在除里该平台的其他编译
endif :      end if 结束条件编译
%PLATFORM%    需要编译的平台,上面的MP就是各个小程序的意思 

5、如何在HTML结构中使用moment

​解决办法就是在data或者methods里面写个moment属性(方法)
在这里插入图片描述

但是为什么将moment在data或者methods里面声明一下就可以使用了呢?原因是在vue的生命周期里面,在created阶段,组件的data和methods都已经被初始化好了,而template里面的内容是在created后才进行编译的,所以才能够使用到moment的方法。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/7155.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

WIN11系统安装MySql8.0.15详细安装

一.下载mysql8.015数据库 下载地址: 如下图所示 此处下载的是8.0.15版本,免安装版,系统为64位系统: 二,配置mysql环境变量: D:\program_file_worker\mysql8.15\mysql-8.0.15-winx64\bin 三. 环境配置完成后&#xff…

UI自动化截图之chromeFirefox篇

在web的UI自动化中,小伙伴们经常遇到的一个问题是,IE的截屏非常好实现(一个save_screenshot即可满足),而chrome和Firefox的全屏截图就让人很是头疼了。今天作者来给大家分享下自己实例中使用的chrome和Firefox浏览器全…

Jira UI Locations及注意事项总结

issue view ui locations : https://developer.atlassian.com/server/jira/platform/issue-view-ui-locations/#issue-operations-bar-locations1.问题操作栏Issue Operations Bar Locations模块分为两部分: opsbar-operationsflopsbar-transitions两个location.共同定义了问题…

【uniapp】uniapp反向代理解决跨域问题(devServer)

背景介绍 前段时间,在拿uniapp开发的时候,出现了跨域问题,按理说跨域应该由后端解决,但既然咱前端可以上,我想就上了(顺手装个13) 首先介绍什么是跨域 出于浏览器的同源策略,在发…

【Java-15】反射知识总结

01_类的加载 类的加载过程类的加载时机 类的加载 当程序在运行后,第一次使用某个类的时候,会将此类的class文件读取到内存,并将此类的所有信息存储到一个Class对象中 说明:Class对象是指java.lang.Class类的对象,此类…

想知道PDF转高清图片软件哪个好?

张琳是一名设计师,她经常需要将自己的设计作品整理成PDF文档,以便向客户展示和交付。然而,有时客户需要对设计进行更详细的审查,而PDF格式的文件并不方便进行缩放和查看细节。这一问题让张琳感到非常困扰,她希望能够找…

【Redisson】Redisson--限流器

Redisson系列文章: 【Redisson】Redisson–基础入门【Redisson】Redisson–布隆(Bloom Filter)过滤器【Redisson】Redisson–分布式锁的使用(推荐使用)【分布式锁】Redisson分布式锁底层原理【Redisson】Redisson–限流器 文章目录 一、限流…

Mysql内外连接的详细用法与示例

当处理关系型数据库时,连接操作是非常常见且重要的。MySQL提供了多种连接类型,其中包括内连接、外连接和交叉连接。在本篇博文中,我们将详细介绍MySQL中内连接和外连接的用法,并提供一些复杂的例子来帮助理解。 文章目录 1.内连接…

MATLAB App Designer基础教程 Matlab GUI入门(四)

坐标轴控件 axis 函数绘图方法技巧 作用: 绘制函数图像显示图像(jpg png tiff) 学习内容 App designer中 plot 和命令行中的 plot函数的不同;如何在坐标轴空间中显示两个函数图像;智能缩进 (Ctrl I&am…

Blazor 自定义可重用基础组件之 NumberBox(InputNumber)

只能输入数字的输入框&#xff0c;为避免命名冲突&#xff0c;先命名为NumberBox。 NumberBox.razor inherits InputBase<TValue> typeparam TValue <div class"d-flex"><label class"control-label w-auto mt-2"><b>Lable</…

聊聊极限编程与测试启发

这是鼎叔的第六十五篇原创文章。行业大牛和刚毕业的小白&#xff0c;都可以进来聊聊。 欢迎关注本公众号《敏捷测试转型》&#xff0c;星标收藏&#xff0c;大量原创思考文章陆续推出。 继续聊聊著名的敏捷研发框架&#xff1a;极限编程。 极限编程&#xff08;Extreme Prog…

数据处理及评分成果

文章目录 test.py界面展示 pf.pyfpga.py test.py import subprocess import os from PySide2.QtWidgets import QApplication, QMainWindow, QPushButton, QPlainTextEdit, QWidget, QLabel import mysql.connector from PySide2.QtGui import QPixmap, QPalette, QColorconn …