代码先锋网 代码片段及技术文章聚合

uniapp request文件设置

技术标签: uni-app  uniapp

方法一:

request.js文件

export default function({url,data,method}) {
 return new Promise((resolve, reject) => {
  uni.request({
   url,
   data,
   method,
   header:{
    Authorization:store.getters.getToken
   },
   success: (res) => {
    resolve(res)
    // console.log(res.data.message)
   },
   fail: (err) => {
    reject(err)
    // console.log('报错了:', err)
   }
  })
 })
}

api.js文件

import request from '../request.js'

export function logIn (data) {
	return request({
		method: "POST", // 请求方式
		url: '', // 请求的url
    	data:data
	})
}

方法二

const request = (config) => {
	// 拼接完整的接口路径
  
	config.url = 'https://xxxxxx' + config.url;
  config.data.token = ''
	//判断是都携带参数
	if(!config.data){
		config.data = {};
	}
	let promise = new Promise(function(resolve, reject) {
		uni.request(config).then(responses => {
			// 异常
			if (responses[0]) {
				reject({message : "网络超时"});
			} else {
				let response = responses[1].data; // 如果返回的结果是data.data的,嫌麻烦可以用这个,return res,这样只返回一个data
				resolve(response);
			}
		}).catch(error => {
			reject(error);
		})
	})
	return promise;
};

export default request;


api.js文件

```javascript
import request from '../request.js'

export function logIn (data) {
	return request({
		method: "POST", // 请求方式
		url: '', // 请求的url
    	data:data
	})
}

版权声明:本文为WJLSH123原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/WJLSH123/article/details/124316248

智能推荐

uniapp封装request

原始uni.request 用得少还好,用的多了,就多了许多重复代码 封装步骤 1、项目下新建until文件夹,再创建api.js文件  2、复制代码 如果以后需要使用定义域名:baseUrl; 将第一行以及下方相应的请求解开注释即可 3、在main.js中引入 4、使用 get请求,改url post请求,改url,传参数...

uniapp设置横向滚动

关键:【.scroll 设置 white-space: nowrap】   ...

uniapp 设置favicon

1. 将favicon.ico放入static/images下 2.根目录下创建index.html 3.manifest.json中h5配置index.html模板路径填写 index.html 4.重新运行编译项目即生效  ...

uniapp:动态设置高度

header的高度,设置为info的80%,动态获取info的高度。  ...

uniapp 动态设置标题

只需要在 onLoad 生命周期中添加以下代码即可...

猜你喜欢

Uniapp text 样式设置

使用perps定义样式数组 单个属性设置,使用样式直接配置...

uniapp的请求request写法

直接上代码...

uniapp封装request请求使用

1.在src目录下新建一个api文件夹,在该文件夹下创建api.js 2.在main.js中注册 3.使用  ...

uniapp使用luch-request

官网:https://www.quanzhan.co/luch-request/ 1、下载luch-request插件,将插件放在common目录里 2、在根目录下的common目录里创建http目录,新建index.js 3、commom/http/index.js 4、在main.js里引入 5、在页面里调用  ...

uniapp 封装request 网络请求

每个项目开始前,都要做好充分的准备工作,网络封装必不可少直接上代码 1.根目录下新建 config.js 文件 这里主要配置接口的基本路径 2.根目录下新建 utils/api.js 文件 (js文件名随便取大部分都是 api.js 或者 http.js) 3.创建model 层 根目录下新建 models/index.js 文件 这里可以根据自己的项目功能需求分解models 层 4.页面中调用...