Uniapp安卓报错request:fail abort statusCode:-1 Failed to connect to localhost/127.0.0.1:8088
[ 2024-05-07 14:04:55 | 作者: admin ]
p.s. uniapp在mumu模拟器中的安卓报错，一开始以为是不支持http，需要https。原来应该算是一个跨域的问题，改局域网IP可以解决
1.原因分析
报错为无法连接到localhost的后端接口，这是因为uniapp进行app开发真机调试时，真机和电脑应该在同一局域网下，否则无法发送请求到后端。
前端向后端的请求路径如下：
使用的ip为127.0.0.1，而实际上的局域网ip如下：
...
阅读全文…
request:fail abort statusCode:-1 Failed to connect to localhost/127.0.0.1:8088
1.原因分析
报错为无法连接到localhost的后端接口，这是因为uniapp进行app开发真机调试时，真机和电脑应该在同一局域网下，否则无法发送请求到后端。
前端向后端的请求路径如下：
使用的ip为127.0.0.1，而实际上的局域网ip如下：
...
阅读全文…
uniapp-app使用富文本编辑器editor
[ 2024-04-30 14:31:05 | 作者: admin ]
使用的是uniapp内置组件的表单组件editor：
editor 组件 | https://uniapp.dcloud.net.cn/component/editor.html
editor 组件对应的 editorContext 实例：editorContext | https://uniapp.dcloud.net.cn/api/media/editor-context.html
文档上写的也不是特别详细，还以为得npm，但没npm也能用
注意：editor不能封装为组件，否则报错（在其他文章看的）
初始化富文本编译器内容（回显）
阅读全文…
editor 组件 | https://uniapp.dcloud.net.cn/component/editor.html
editor 组件对应的 editorContext 实例：editorContext | https://uniapp.dcloud.net.cn/api/media/editor-context.html
文档上写的也不是特别详细，还以为得npm，但没npm也能用
注意：editor不能封装为组件，否则报错（在其他文章看的）
初始化富文本编译器内容（回显）
echo(html) {
setTimeout(() => {
uni.createSelectorQuery().select('#editor').context((res) => {
let editorCtx = res.context;
...setTimeout(() => {
uni.createSelectorQuery().select('#editor').context((res) => {
let editorCtx = res.context;
阅读全文…
this作用域问题：回调函数中this指向了闭包
[ 2024-02-27 21:32:33 | 作者: admin ]
this作用域问题比较常见，回调函数中this指向了闭包，所以不能直接使用
解决方法：
1、一般的解决办法是调用前赋值给一个变量，如 _this
2、回调函数使用箭头符号
解决方法：
1、一般的解决办法是调用前赋值给一个变量，如 _this
2、回调函数使用箭头符号
uniapp中使用uView2：layout 中u-col的居中问题
[ 2024-02-27 20:59:59 | 作者: admin ]
方法一：u-col里放纯文本能居中，但是u--image 是绝对位置左对齐，直接放在u-col会失去高度，所以需要设置图片组件的display:block
阅读全文…
<u-col span="6" textAlign="center" >
<u--image class="face" :showLoading="true" :src="'/static/logo.png'" width="80px" height="80px" @click="click"></u--image>
</u-col>
<u-col span="3" textAlign="center">
<view class="demo-layout bg-purple">纯文本居中</view>
</u-col>
<style>
.face{display:block; margin:0 auto;}
</style>
...<u--image class="face" :showLoading="true" :src="'/static/logo.png'" width="80px" height="80px" @click="click"></u--image>
</u-col>
<u-col span="3" textAlign="center">
<view class="demo-layout bg-purple">纯文本居中</view>
</u-col>
<style>
.face{display:block; margin:0 auto;}
</style>
阅读全文…
Promise 在uniapp的简单使用
[ 2024-02-27 14:43:52 | 作者: admin ]
Promise接受两个函数作为参数，由Javascript引擎提供，不用自己部署。
resolve 成功函数 | reject 失败函数
resolve(): 使当前Promise对象的状态改成fulfilled
reject(): 使当前Promise对象状态改成rejected
Promise状态的改变是一次性的，即执行了resolve函数后就不会执行reject函数了。
var n = 0
阅读全文…
resolve 成功函数 | reject 失败函数
resolve(): 使当前Promise对象的状态改成fulfilled
reject(): 使当前Promise对象状态改成rejected
Promise状态的改变是一次性的，即执行了resolve函数后就不会执行reject函数了。
var n = 0
//实例化 promise
let promise = new Promise(function(resolve, reject) {
//需要耗时的任务，在本例中使用setTimeout(...)来模拟异步代码
setTimeout(function(){
if(n%2 === 0){
resolve(n)
n = n+1
}else{
reject(n%2)
...let promise = new Promise(function(resolve, reject) {
//需要耗时的任务，在本例中使用setTimeout(...)来模拟异步代码
setTimeout(function(){
if(n%2 === 0){
resolve(n)
n = n+1
}else{
reject(n%2)
阅读全文…
uniapp将运行在微信小程序，点击事件不生效
[ 2024-02-26 12:34:29 | 作者: admin ]
运行微信小程序过程中，绑定的@click点击事件不生效
调整了微信开发者工具的调试基础库，将原先的高版本调整为低版本，发现点击事件已生效。
参考：https://www.cnblogs.com/shlbetter/p/17523263.html
调整了微信开发者工具的调试基础库，将原先的高版本调整为低版本，发现点击事件已生效。
参考：https://www.cnblogs.com/shlbetter/p/17523263.html
uniapp封装网络请求
[ 2024-02-23 09:05:57 | 作者: admin ]
const install = (Vue, vm) => {
let devServer = 'http://121.168.0.101:1601';
Vue.prototype.$u.http.setConfig({
baseUrl: devServer, //请求地址
webviewUrl: server,
loadingText: '努力加载中~',
loadingTime: 800,
// 设置自定义头部content-type
header: {
'content-type': 'application/x-www-form-urlencoded; charset=utf-8'
}
// ......
});
// 请求拦截部分，如配置，每次请求前都会执行
Vue.prototype.$u.http.interceptor.request = (config) => {
阅读全文…
UNIAPP+uview2开发小程序填坑
[ 2023-10-06 09:20:11 | 作者: admin ]
1.快捷提示toast
2.快捷请求代码
3.customStyle，一般作用于组件内部的根节点，可以方便设置一些基础样式，它同时能接受对象或者字符串的样式形式
阅读全文…
this.$u.toast('手机号码填写有误,请重新填写');
2.快捷请求代码
this.$http.post('api接口地址', {
encryptedData: telObj,
iv: ivObj
}).then(myres => {
console.log("请求信息: ",myres);
}).catch(errres => {
})
encryptedData: telObj,
iv: ivObj
}).then(myres => {
console.log("请求信息: ",myres);
}).catch(errres => {
})
3.customStyle，一般作用于组件内部的根节点，可以方便设置一些基础样式，它同时能接受对象或者字符串的样式形式
// 对象形式(强烈建议对象的写法)
<u-badge :customStyle="{backgroundColor: 'red'}"></u-badge>
// 字符串形式
...<u-badge :customStyle="{backgroundColor: 'red'}"></u-badge>
// 字符串形式
阅读全文…
