newRequest.js 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
  1. import store from '../store'
  2. import * as qiniu from 'qiniu-js'
  3. import request from '@/utils/request'
  4. let service = {
  5. baseURL: store.state.baseURL, // 请求头
  6. header: {
  7. 'Content-Type': "application/x-www-form-urlencoded"
  8. },
  9. // 请求拦截器
  10. interceptors: {
  11. // 安装请求前拦截
  12. request: function(success, iserror) {
  13. service.request.success = success;
  14. service.request.error = iserror;
  15. },
  16. // 安装请求完成后拦截
  17. response: function(success, iserror) {
  18. service.response.success = success;
  19. service.response.error = iserror;
  20. }
  21. },
  22. // 请求前拦截
  23. request: {
  24. // 回调成功执行方法
  25. success: function(e) {
  26. return e
  27. },
  28. // 回调失败
  29. error: function(e) {
  30. return e
  31. }
  32. },
  33. // 请求完成后拦截
  34. response: {
  35. // 回调成功执行方法
  36. success: function(e) {
  37. return e
  38. },
  39. // 回调失败
  40. error: function(e) {
  41. return e
  42. }
  43. },
  44. // 开始请求
  45. open: async function(data) {
  46. return await new Promise(function(resolve, reject) {
  47. let requestData = ''; //保存处理完成后请求数据
  48. let url =''//保存链接地址
  49. //console.log(data);
  50. // 请求前数据处理
  51. requestData = service.request.success(data);
  52. // #ifdef H5
  53. if(process.env.NODE_ENV === 'development'){
  54. url= requestData.url;
  55. console.log('开发环境')
  56. }else{
  57. url=service.baseURL + requestData.url;
  58. console.log('生产环境')
  59. }
  60. // #endif
  61. // #ifndef H5
  62. url=service.baseURL + requestData.url;
  63. // #endif
  64. // 数据复制用于请求
  65. uni.request({
  66. url:url,
  67. method: requestData.method || 'GET',
  68. data: requestData.data,
  69. header: data.header || service.header,
  70. success: res => {
  71. if (res.statusCode == 200) {
  72. try {
  73. resolve(service.response.success(res));
  74. } catch (e) {
  75. service.response.error(e)
  76. }
  77. }
  78. },
  79. // 请求失败数据处理
  80. fail: (err) => {
  81. service.response.error(err)
  82. }
  83. });
  84. })
  85. },
  86. // 上传文件
  87. upFilse: async function(data) {
  88. return await new Promise(function(resolve, reject) {
  89. let requestData = ''; //保存处理完成后请求数据
  90. let url = '' //保存请求地址
  91. try {
  92. // 请求前数据处理
  93. requestData = service.request.success(data);
  94. } catch (e) {
  95. // 请求报错拦截
  96. service.request.error(e);
  97. }
  98. // #ifdef H5
  99. if(process.env.NODE_ENV === 'development'){
  100. url= requestData.url;
  101. console.log('开发环境')
  102. }else{
  103. url=service.baseURL + requestData.url;
  104. console.log('生产环境')
  105. }
  106. // #endif
  107. // #ifndef H5
  108. url=service.baseURL + requestData.url;
  109. // #endif
  110. let config = {
  111. // 上传图片的API
  112. upload_img_url:url
  113. }
  114. let Uploader = {
  115. // 选择图片
  116. choose(num) {
  117. return new Promise((resolve, reject) => {
  118. uni.chooseImage({
  119. count: num,
  120. success(res) {
  121. // console.log(res);
  122. // 缓存文件路径
  123. resolve(res.tempFilePaths)
  124. },
  125. fail(err) {
  126. console.log(err)
  127. reject(err)
  128. }
  129. })
  130. })
  131. },
  132. // 上传图片
  133. upload_one(path) {
  134. return new Promise((resolve, reject) => {
  135. uni.showLoading({
  136. title: '上传中'
  137. })
  138. uni.uploadFile({
  139. url: config.upload_img_url, //仅为示例,非真实的接口地址
  140. filePath: path,
  141. name: 'file',
  142. header: {
  143. "Authori-zation": 'Bearer ' + uni.getStorageSync('token')
  144. },
  145. success: (uploadFileRes) => {
  146. if ("string" === typeof uploadFileRes.data) {
  147. resolve(JSON.parse(uploadFileRes.data).data)
  148. } else {
  149. resolve(uploadFileRes.data.data)
  150. }
  151. },
  152. complete() {
  153. uni.hideLoading()
  154. }
  155. });
  156. })
  157. },
  158. // 上传多个图片
  159. upload(path_arr) {
  160. let num = path_arr.length;
  161. return new Promise(async (resolve, reject) => {
  162. let img_urls = []
  163. for (let i = 0; i < num; i++) {
  164. let img_url = await this.upload_one(path_arr[i]);
  165. img_urls.push(img_url)
  166. };
  167. resolve(img_urls)
  168. })
  169. },
  170. // 触发上传图片事件
  171. choose_and_upload(num) {
  172. return new Promise(async (resolve, reject) => {
  173. // 选择图片
  174. let path_arr = await this.choose(num);
  175. // 上传图片
  176. await this.upload(path_arr).then((e) => {
  177. resolve(e);
  178. }).catch((e) => {
  179. reject(e)
  180. });
  181. })
  182. }
  183. };
  184. Uploader.choose_and_upload(1).then((e) => {
  185. resolve(e);
  186. }).catch((e) => {
  187. console.log(e);
  188. })
  189. })
  190. },
  191. //上传视频
  192. upVideo: async function(data) {
  193. return await new Promise(function(resolve, reject) {
  194. let requestData = ''; //保存处理完成后请求数据
  195. let url = '' //保存请求地址
  196. try {
  197. // 请求前数据处理
  198. requestData = service.request.success(data);
  199. } catch (e) {
  200. // 请求报错拦截
  201. service.request.error(e);
  202. }
  203. // #ifdef H5
  204. if(process.env.NODE_ENV === 'development'){
  205. url= requestData.url;
  206. console.log('开发环境')
  207. }else{
  208. url=service.baseURL + requestData.url;
  209. console.log('生产环境')
  210. }
  211. // #endif
  212. // #ifndef H5
  213. url=service.baseURL + requestData.url;
  214. // #endif
  215. let config = {
  216. // 上传图片的API
  217. upload_img_url:url
  218. }
  219. let Uploader = {
  220. // 选择视频
  221. choose(num) {
  222. return new Promise((resolve, reject) => {
  223. uni.chooseVideo({
  224. count: 1,
  225. sourceType: ['camera', 'album'],
  226. success(res) {
  227. console.log(res);
  228. // 缓存文件路径
  229. resolve(res.tempFilePaths)
  230. },
  231. fail(err) {
  232. console.log(err)
  233. reject(err)
  234. }
  235. })
  236. })
  237. },
  238. // 上传视频
  239. upload_one(path) {
  240. return new Promise((resolve, reject) => {
  241. uni.showLoading({
  242. title: '上传中'
  243. })
  244. let file = path;
  245. // let imageType = /^image\//;
  246. // //判断是否为图片不是则跳过不执行下面语句
  247. // if (!imageType.test(file.type)) {
  248. // Indicator.close()
  249. // Toast({
  250. // message: '格式错误',
  251. // duration: 1000
  252. // });
  253. // }
  254. request({
  255. url: "/api/Upload/wxUploudtoken",
  256. method: 'post',
  257. data: {}
  258. }).then(({
  259. data
  260. }) => {
  261. console.log(data,99);
  262. let observable = qiniu.upload(file, file.name, data.token, {
  263. fname: "",
  264. params: {},
  265. mimeType: null
  266. }, {
  267. useCdnDomain: true,
  268. region: qiniu.region.z0
  269. });
  270. let observer = {
  271. next(res) {
  272. console.log(res);
  273. // ...
  274. },
  275. error(err) {
  276. console.log(err);
  277. // ...
  278. },
  279. complete(res) {
  280. uni.hideLoading()
  281. uni.showLoading({
  282. title: '上传成功'
  283. })
  284. setTimeout(function(){uni.hideLoading()},1000);
  285. fun('https://limg.liuniu946.com/' + res.key)
  286. // ...
  287. }
  288. }
  289. let subscription = observable.subscribe(observer) // 上传开始
  290. })
  291. })
  292. },
  293. // 上传多个视频
  294. // upload(path_arr) {
  295. // let num = path_arr.length;
  296. // return new Promise(async (resolve, reject) => {
  297. // let img_urls = []
  298. // for (let i = 0; i < num; i++) {
  299. // let img_url = await this.upload_one(path_arr[i]);
  300. // img_urls.push(img_url)
  301. // };
  302. // resolve(img_urls)
  303. // })
  304. // },
  305. // 触发上传视频事件
  306. choose_and_upload(num) {
  307. return new Promise(async (resolve, reject) => {
  308. // 选择视频
  309. let path_arr = await this.choose(num);
  310. // 上传视频
  311. await this.upload_one(path_arr).then((e) => {
  312. resolve(e);
  313. }).catch((e) => {
  314. reject(e)
  315. });
  316. })
  317. }
  318. };
  319. Uploader.choose_and_upload(1).then((e) => {
  320. resolve(e);
  321. }).catch((e) => {
  322. console.log(e);
  323. })
  324. })
  325. },
  326. };
  327. export default service