uniapp连接数据

1、原始简单法

export default {
        data() {
            return {
                
            }
        },

//在onload中拿数据

onLoad() {
         uni.request({
        url: "http://www.xxx.xxx",      //接口地址
       method:'GET',       //请求方式
         success:(res)=>{
             console.log(res)     //控制台看是否有数据
             this.glist=res.data.datas.goods_list      //把他装在数据包中
           }
        $http().then((res)=>{
            console.log(res)
            this.glist=res.datas.goods_list
            this.idx=res.datas.goods_list.goods_id
        
        }),
        
    }

2、第二种request方式封装一下

注意，需要两个文件：1、config->index.js      2、utils->request.js

1、config->index.js中

// 集中管理常量配置

export const ID = '参数    
export const KEY = '参数'
export const BASE_URL = '路径'  //接口地址

2、utils->request.js中

import {ID,KEY,BASE_URL} from '../config'

function $http(url,method="GET",data={}){       //这里的url是后面可以补充的路径，也可以直接把路径写完然后不补充
    return new Promise((resolve,reject)=>{
        uni.request({
            url:`${BASE_URL}${url}`,  //此处的${url}看实际情况，要是路径写完了就不加
            method,
            header:{    //请求头写键值对
                "X-LC-Id": ID,
                "X-LC-Key": KEY,
                "Content-Type": "application/json"
            },
            data,
            success: (res) => {
                resolve(res.data)
            },
            fail: (err) => {
                reject(err)
            }
        })
    })
}

export  { $http}

3、第三步需渲染的页面引入$http

import {$http} from "../../utils/request.js"

onLoad() {
        $http().then((res)=>{     //使用$http方法拿数据
            console.log(res)     //控制台输出查看
            this.glist=res.datas.goods_list    //提出渲染
        }),

还有两种比较复杂的 详情见E盘3jieudan/uniapp/day2/pm5.6视频