在utils中创建request.js文件
const $request = ( url, data, method = 'POST' , headers = "application/json;" ) => {
return new Promise ( ( resolve, reject ) => {
uni. showLoading ( {
title : '数据加载中' ,
icon : 'loading' ,
mask : true
} ) ;
uni. request ( {
url : 'http://192.168.0.101:9096/' + url,
method : method,
data : data,
header : {
'Content-Type' : headers
} ,
success ( res ) {
resolve ( res)
uni. hideLoading ( ) ;
} ,
fail ( error ) {
reject ( error) ;
uni. hideLoading ( ) ;
} ,
complete ( ) {
uni. hideLoading ( ) ;
}
} )
} )
}
const $get = ( url, data ) => {
return $request ( url, data, 'GET' )
}
const $post = ( url, data ) => {
return $request ( url, data, 'POST' )
}
uni. $request = $request
uni. $get = $get
uni. $post = $post
在mian.js中引用request文件
import '@/utils/request.js'
再创建一个存储接口的文件 再度封装接口
export const fllistApi = ( data ) => {
return uni. $post ( 'url路径' , data)
}
在组件中引入Api 然后调用
import { fllistApi} from '@/utils/test.js'
created ( ) {
this . getlist ( )
} ,
methods:{
async getlist ( ) {
let data = { }
const res = await fllistApi ( data)
console. log ( res)
}
}