uni-app配置网路请求

75 阅读1分钟

uni-app配置网路请求

首先创建utils 然后新建request.js

/**
 * 封装请求对象
 */
 
const BASE_URL = "https://xxxxx/xxxx/xxxxx/xxxx/api";
 
/**
 * 
 */
function request({url, data, method}) {
    return new Promise((resolve, reject) => {
        //uni.app 发起网络请求
        uni.request({
            url: BASE_URL + url,
            data,
            method,
            sslVerify: true,
       		header: {
				'content-type': 'application/x-www-form-urlencoded',
				'accessToken': uni.getStorageSync('token') 
			},
            success: ({
                data,
                statusCode,
                header
            }) => {
                if (data.success){
                    //请求成功
                    resolve(data)
                }else{
                    //请求失败 提示用户
                    uni.showToast({
                        title:data.message,
                        icon:"success",
                        mask:true,
                        duration:2000
                    }); 
                    //进行失败回调
                    reject(data.message);
                }
            },
            fail: (errot) => {
                //请求错误 直接进行错误回调
                    reject(errot);
            }
        })
    })
}
 
/*导出*/
export default request;

新建文件夹api,新建JS文件 然后里面写你指定的请求:

import request from '../utils/request';
 
 
 
export function getHotTabs(){
    /**
     * 返回(Promise)
     */
    return request({
        url:'/test/test1'
    })
}

页面使用

	// 获取城市公司
			async Getcity() {
				let {
					data
				} = await Getcity({
					city_code: '130526'
				})
			}