当前位置:   article > 正文

封装的uniapp网络请求,适用vue2、vue3,不适用vue3+ts_uniapp vue3封装请求

uniapp vue3封装请求
  1. let BASE_URL = "";
  2. if (process.env.NODE_ENV === 'development') {
  3. // 开发环境 示例
  4. BASE_URL = "http://10.13.70.240:9091";
  5. } else if (process.env.NODE_ENV === 'production') {
  6. // 生产环境 示例
  7. BASE_URL = "https://twin-ui.com/demo/";
  8. }
  9. // 封装网络请求
  10. const request = async (url, data = {}, method,type, loading = true) => {
  11. var token = uni.getStorageSync('token');
  12. let header = {
  13. "Content-Type": "application/json;charset=UTF-8",
  14. "Accept": "application/json",
  15. }
  16. if(type == '1'){
  17. header = {
  18. "Content-Type": "application/json;charset=UTF-8"
  19. }
  20. }
  21. else if (type == '2'){
  22. // 文件上传时的请求头格式
  23. header = {
  24. "Content-Type": "multipart/form-data;"
  25. }
  26. }else {
  27. // 国际化中英文的请求头
  28. // if(uni.getStorageSync('language')) {
  29. // let yy = uni.getStorageSync('language')
  30. // header.language = yy
  31. // console.log(header);
  32. // }
  33. }
  34. if (token) {
  35. header.accessToken = token;
  36. }
  37. return new Promise((reslove, reject) => {
  38. uni.showLoading({
  39. // title: _that.$t('index.logging-in'), //正在登录
  40. title: "正在加载", //正在登录
  41. mask: true
  42. });
  43. uni.request({
  44. url: BASE_URL + url,
  45. method: method || 'GET',
  46. header: header,
  47. // timeout: 1000000000,
  48. data: data || {},
  49. success: (res) => {
  50. uni.hideLoading();
  51. if (res.statusCode == 200) {
  52. reslove(res.data)
  53. } else {
  54. // toast('网络连接失败,请稍后重试')
  55. reject(res)
  56. }
  57. },
  58. fail: (err) => {
  59. uni.hideLoading();
  60. uni.showToast({
  61. title: '请求失败',
  62. icon: 'none',
  63. duration: 2000,
  64. })
  65. reject(err)
  66. }
  67. })
  68. })
  69. }
  70. export default request

使用

  1. // 引入请求
  2. import request from '@/config/request.js'
  3. //测试用例
  4. export const logins = data => request('/custom/access/h5/wxLogin', data, 'post')

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/318490
推荐阅读