1安装uview框架

1.安装uview框架

    npm install uview-ui@2.0.31

2.在main文件中引入

    import uView from "uview-ui"
    Vue.use(uView);

3.在uni.scss文件中引入

@import 'uview-ui/theme.scss';

4在pages.json文件引入

"easycom": {"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"}, 附上uview官网 www.uviewui.com/components/…

2.请求封装

1.在全局文件中api文件（以common/http.api.js为例）

    const http = uni.$u.http
    const ymhttps = '域名' //统一域名
    //get 请求
    export const getlogin = (data) => http.get(ymhttps + '/login', data)
    //post请求
    export const postproductlst = (params, config = {}) => http.post(ymhttps + '/product_lst', params, config)

2.在main文件中引入

// 引入请求封装，将app参数传递到配置中 
require('/config/request.js')(app)
注意：需要在new Vue得到Vue实例之后

3.引入文件

//引入api文件
import {XXX(接口名称)} from '@/common/http.api.js'

4.发送请求

post请求

    XXX(obj).then((res) => {
       console.log(res, 'res')
    }).catch((err) => {
       console.log(err, 'err')
     })

get请求

    XXX(（参数名）).then((res) =>{
    console.log(res,'res') 
    }).catch((err) =>{ console.log(err,'err')
    })

附上uview官网 www.uviewui.com/js/http.htm…