博客列表 >uniapp请求封装

uniapp请求封装

搁浅
搁浅原创
2023年06月27日 23:45:37832浏览

http.js

  1. const $http = (url='',data={},mothod='GET',header={})=>{
  2. const baseUrl = 'https://www.baidu.com'
  3. let promise = new Promise((resolve,reject)=>{
  4. uni.request({
  5. url:baseUrl+url,
  6. data,
  7. method,
  8. header
  9. }).then(res=>{
  10. if(res.status==200){
  11. resolve(res.data)
  12. }else{
  13. reject(res.message)
  14. }
  15. }).catch(err=>{
  16. reject(err)
  17. })
  18. })
  19. return promise
  20. }
  21. export default $http

api.js

  1. import $http from ./http.js'
  2. const gethome = ()=>$http('/api/list?toke=111')
  3. export {
  4. gethome
  5. }

home.vue

  1. <script>
  2. import {gethome} from '../http/api.js'
  3. export default {
  4. data() {
  5. orderList:[]
  6. },
  7. onLoad() {
  8. this.list()
  9. },
  10. methods: {
  11. list(){
  12. gethome().then(res=>{
  13. console.log(res)
  14. }).catch(err=>{
  15. console.log(err)
  16. })
  17. }
  18. }
  19. </script>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议