12/24小程序学习记录 事件绑定 发送请求

一、事件绑定 （函数传参）

自定义一个属性相当于给函数传入了一实参

二、发送请求（假数据）

1、插件 mockjs
npm install mockjs
2、在项目中建一个mock文件夹，新建_mock.js文件，里面写mock接口，第一个参数为正则语法，mock会拦截符合条件的接口，返回第二个参数，示例：

const Mock = require('mockjs')
Mock.mock('/userInfo/',{
  date:'2020/12/24',
  information:[
    {
      title:'欢迎来这里',
      status:'正在审核',
  ],
  say:'这是一次完美的旅行'
})

3、全局安装插件@shymean/mock-server
npm i @shymean/mock-server -g
mock -p 9999 -f ./_mock.js （默认路径一般与自己新建的不同，执行实际操作命令）
参数说明
port，服务器端口号，默认7654，简写 -p;
上面我们写了9999,自定义的就是9999
file，mock模板文件路径，默认./_mock.js，简写 -f
实际操作如下: 找到文件所在位置 打开 powershell（路径处cmd） 执行mock -p 端口号

4、在调用接口页面

发送请求的接口 域名应该是 http://127.0.0.1:8888/userInfo/ 或者 localhost:8888/userInfo/
/userInfo/为相对应的正则后面的/不能省

 Fun(){
    wx.request({
      url: 'http://127.0.0.1:8888/username/',
      method:"GET",
      dataType:"json",
      timeout: 0,
      success: (result) => {
        console.log(result)
      },
      fail: (res) => {
        console.log("请求失败");
      }, 
    })
  },

别忘了勾选详情里的 合法域名校验 含HTTPS的

全局数据的使用

在app.js文件的globalData对象中写数据，在页面中使用时先引入 const app = getApp(),在使用的地方直接app.globalData.xxx的形式使用 例如：在全局写

globalData:{
      request_url:'http://127.0.0.1:8888'
    }

上面的地址就可以表示成

url: app.globalData.request_url + '/username/',