uni-app:请求后端数据uni.request

 完整代码:

onLoad() {
			uni.request({
				url: getApp().globalData.position + 'Produce/select_employee',
				data: {
					username: getApp().globalData.username,
				},
				method: 'POST',
				dataType: 'json',
				success: res => {
					this.employee_name = res.data.info.employee_name;
					// console.log(res.data.info.employee_name)
				},
				fail(res) {
					console.log("查询失败")
				}
			});
		},

核心

  • 使用的方法

uni.request({...});

  •  与接口相连接的路径

注:这里标红的部分为全局变量

例如:url:'https://域名/api/Produce/select_employee'(表示在使用该域名下的api中的Produce文件的select_employee方法)

url: getApp().globalData.position + 'Produce/select_employee',

  • 传入数据到后端 

 data: {
                    username: getApp().globalData.username,
                },

  • 使用的方法

 method: 'POST',

  • 数据格式 

dataType: 'json', 

  • 成功请求到后端执行操作 

这里是将data中的employee_name赋值为成功请求到的数据的info下的employee_name的值

success: res => {
                    this.employee_name = res.data.info.employee_name;
                }, 

 请求到后端失败执行操作 

fail(res) {
                    console.log("查询失败")
                } 

uni-app前端应用中,可以通过uni.request方法发送HTTP请求来调用七牛云的API生成token,并且使用该token上传图片到七牛。 首先,你需要在七牛的开发者后台获取你的Access Key和Secret Key。然后,按照以下步骤进行操作: 1. 在uni-app项目中创建一个util文件夹,并在该文件夹下创建一个qiniu.js文件,用于封装与七牛相关的函数。 2. 在qiniu.js文件中,编写生成七牛token的函数: ```javascript // qiniu.js // 引入crypto-js库用于生成HMAC-SHA1签名 import CryptoJS from 'crypto-js'; export function generateQiniuToken(accessKey, secretKey, bucketName) { const deadline = Math.floor(Date.now() / 1000) + 3600; // token有效期为1小时 const putPolicy = { scope: bucketName, deadline, }; const putPolicyStr = JSON.stringify(putPolicy); const encodedPutPolicy = base64URLEncode(putPolicyStr); const sign = CryptoJS.HmacSHA1(encodedPutPolicy, secretKey); const encodedSign = sign.toString(CryptoJS.enc.Base64); const token = `${accessKey}:${encodedSign}:${encodedPutPolicy}`; return token; } function base64URLEncode(str) { let base64 = btoa(str); base64 = base64.replace(/\+/g, '-').replace(/\//g, '_'); return base64; } ``` 3. 在uni-app页面中,调用该函数生成七牛token,并使用uni.request方法上传图片到七牛: ```javascript // 你的uni-app页面 import { generateQiniuToken } from '@/utils/qiniu.js'; // 在methods中的某个方法中调用以下代码 const accessKey = 'your_access_key'; const secretKey = 'your_secret_key'; const bucketName = 'your_bucket_name'; const token = generateQiniuToken(accessKey, secretKey, bucketName); uni.chooseImage({ count: 1, success: (res) => { const tempFilePaths = res.tempFilePaths; const tempFilePath = tempFilePaths[0]; uni.uploadFile({ url: 'https://upload.qiniup.com', // 七牛上传地址,详细地址请参考七牛官方文档 filePath: tempFilePath, name: 'file', formData: { token: token, }, success: (uploadRes) => { // 上传成功后的处理逻辑 }, fail: (uploadErr) => { // 上传失败后的处理逻辑 }, }); }, }); ``` 在以上代码中,我们调用generateQiniuToken函数生成七牛token,并将其作为formData中的token参数传递给uni.uploadFile方法。然后,使用uni.chooseImage方法选择要上传的图片,并通过uni.uploadFile方法将图片上传到七牛云存储。 注意:由于在前端生成token会暴露你的Access Key和Secret Key,因此建议在前端代码中使用临时密钥或签名直传等安全策略来保护你的密钥信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值