后端接口是第三方涉及跨域问题，由于我自己没有后台服务器，无法采用cors进行设置响应头，所以采用和vue原理一样的nginx代理

例如要请求的地址是http://ceshi3.dishait.cn/api/index_category/data
首先在配置文件

"h5": {"devServer": {"port": 8009,"disableHostCheck": true,"proxy": {"/api": {"pathRewrite":{"^/api":"/"},"target": "http://ceshi3.dishait.cn/api","changeOrigin": true,"secure": false//http://ceshi3.dishait.cn/api/index_category/data}}}}

浏览器会有跨域问题，使用uniapp内置浏览器调试,注意要获取数据需要用到异步请求，返回一个promise对象

方法一，利用官网的uni.request方法

             uni.getSystemInfo({success:(res) =>{res.windowHeight - uni.upx2px(80);}})uni.request({url: '/api/index_category/data',method: 'GET',success: res => {console.log(res); },fail: () => {console.log('请求失败');},complete: () => {console.log('请求完成');}})

promise请求

uni.request({url: '/api/index_category/data123',method: 'GET'}).then(data=>{let [error,result] = data// 错误if (error) {return console.log(error.errMsg);}// 失败if(result.statusCode !== 200){return console.log(result.data.msg); //错误信息}// 成功console.log(result.data);})

Await 与Async

async onLoad(){let [error,result] = await uni.request({url: '/api/index_category/data123',method: 'GET'})// 错误if (error) {return console.log(error.errMsg);}// 失败if(result.statusCode !== 200){return console.log(result.data.msg); //错误信息}// 成功console.log(result.data);
}

封装promise，返回promise对象

async onload(){return await new Promise((resolve, reject)=>{uni.request({url: '/api/index_category/data123',method: 'GET'}).then(data=>{let [error,result] = data// 错误if (error) {return console.log(error.errMsg);}// 失败if(result.statusCode !== 200){return console.log(result.data.msg); //错误信息}// 成功console.log(result.data);})})
}

uni-app请求后端接口和请求相关推荐

vue + element 自定义表单验证的时候需要通过请求后端接口验证
vue + element 自定义表单验证的时候需要通过请求后端接口验证做vue项目的时候遇到了一个需求,在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值. // templat ...
Java_定时请求后端接口数据发送RabbitMQ消息到指定MQ服务器
RabbitMQ入门参考博客:http://m.blog.csdn.net/article/details?id=50487028(内含介绍.环境配置及基本实现说明) RabbitMQ官方文档参考,发 ...
element 表格全局筛选（筛选结果请求后端接口）
目录 (一)问题描述 (二)实现步骤 1. `el-table` 中添加 `@filter-change="handleFilterChange"` 2. `el-table-co ...
vue webapp之music（六）利用axios与后端接口代理请求歌单推荐数据
1.慕课网视屏是很早之前录制的,所以与现在build目录有所不同. 以下是自己总结的在webpack.dev.conf.js搭建服务器 const express = require('expres ...
小程序请求后端接口步骤
一:新建一个项目填写自己申请过得小程序的appid,勾选不使用云服务. 二:准备一个免费的接口这种免费的接口网上有很多,但是基本都不太稳定,过了一段时间都没有办法技术使用,基本都会挂,所以啊,一定 ...
解决微信小程序请求后端接口碰到合法域名的问题 http-405j及java接口和数据接口的概念区分
合法域名的问题 http-405 解决方案: @Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse res ...
VUE - get 、post 请求后端接口：get 、post 写法（Axios 中文说明文档地址）
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. Axios 中文使用说明文档地址:Axiox 中文说明文档我只是记录下写法,两种请求都能正常运行: ...
activiti自定义属性并请求后端接口问题
最近做工作流,把小小心得写下来,希望对大家有用! 一.添加属性到modeler 首先找到文件stencilset.json并添加如下节点: 其中propertyPackages表示的就是这个task的 ...
获取后端接口请求中的参数(@PathVariable，@RequestParam，@RequestBody区别，使用postman请求
获取参数 SpringBoot提供的获取参数注解包括:@PathVariable,@RequestParam,@RequestBody,三者的区别如下表: 一:后端接口什么都不加 postman请求后 ...

uni-app请求后端接口和请求

后端接口是第三方涉及跨域问题，由于我自己没有后台服务器，无法采用cors进行设置响应头，所以采用和vue原理一样的nginx代理

方法一，利用官网的uni.request方法

promise请求

Await 与Async

封装promise，返回promise对象

uni-app请求后端接口和请求相关推荐

最新文章

热门文章