前端vue请求流程

一。xx.js里面导的post/request怎么来的
注意：这个导入post,来自utils目录下的request.js   ,对post请求的封装，当我们引入这个post,不要带花括号，就可以使用这个post

---

/**
 * 封装post请求
 * @param url
 * @param data
 * @returns {Promise}
 */
export function post(url, data = {}) {
  return new Promise((resolve, reject) => {
    instance.post(url, data)
      .then(response => {
        resolve(response)
      }, err => {
        reject(err)
      })
  })
}

vue出现this.postRequest is not a function错误

是因为没有在main.js里面引入

// 封装post请求
import {post} from '@/utils/request';
Vue.prototype.postRequest = post;

这个时候触发点击事件，网络栏就有请求了