export default ({
  url,method = 'GET',data = null,}) => {
  // 請求配置
  let options = {
    method
  }
  // data不為空時，它就是post請求
  if (data) {
    options = {
      ...options,body: ON.stringify(data),headers: {
        'content-type': 'application/json'
      }
    }
  }
  returnhttp://www.cppcns.com fetch(url,options)
    .then(res => res.json())
    .then(data => data)
}
 

使用

get

post

<script type="module">
  import fetchApi from './js/fetch.js'
  const vm = new ({
    el: '#app',data: {
      users: []
    },// 發起網路請求
    mounted() {
      let url = 'http://localhost:3000/api/users'
      // fetchApi({ url }).then(data => console.log(data))
      fetchApi({ url,method: 'POSTcqMeq
 
',data: { id: 200,name: 'aaa' } }).then(data => console.log(datacqMeq))
    }
 
  })
</script>

以上就是fetch網路請求封裝示例詳解的詳細內容，更多關於fetch網路請求封裝的資料請關注我們其它相關文章！