uniapp封装原生uni.request网络请求

uniapp封装原生uni.request网络请求

目录结构:
uniapp封装原生uni.request网络请求_第1张图片
首先建立request.js文件

export default function (options) {
     
  var baseUrl = "https://autumnfish.cn"
  // var baseUrl = "http://musicapi.leanapp.cn"
  return uni.request({
     
        url: baseUrl+options.url,
		data:options.data||{
     },
		method:options.method || "GET"
    })
}
三个关键点
1 export default function(options){
     }
2 var baseUrl = "http://api域名
3 return uni.request({
     
	url:baseUrl + options.url,
	data: options.data || {
     }
	method: options.method || "GET"
})

然后建立需要不同数据子域名的文件:

import request from "./request.js"
export function MusicRequest(options) {
     
    return request(options)
};

3个关键
1 import request from "./request.js"
2 export function MusicRequest(options){
     }
3 return request(options)

使用

import {
      HomeRequest } from '../../api/home.js';

	async getNewSong() {
     
			let result = await HomeRequest({
     
				url: '/personalized/newsong'
			});
			this.newSong = result[1].data.result;
		},

你可能感兴趣的:(uniapp,vue前端,uniapp,ajax,vue.js)