uni-app运行在微信开发者工具的时候并不需要配置代理,也就是说不存在跨域问题,我们直接进行axios的封装

const BASE_URL = '服务器'
// const BASE_URL = 'dev'
export function request(options = {}){
	return new Promise((resolve,reject) => {
		uni.request({
			url:BASE_URL + options.url,
			method:options.method || 'GET',
			data:options.data || {},
			//带token发送请求
			header : {
				'x-token':getLocal('token')
			},
			success:(res) => {
				resolve(res)
			},
		    timeout: 50000,
		    complete: options.complete ?? function() {
			  console.log('接口调用完成')
		    },
			fail:(err) => {
				reject(err)
			}
		})
	})
}

我们完成了第一次封装

下面进行第二次封装:

export function function(num) {
	return request({
		url: '/api/v1/testPaper/findByParam',
		method: 'GET',
		data: {
            a:num
		}
	})
}

之后直接调用二次封装的函数传参进行数据的请求就可以

如果在h5 运行的话,需要在 manifest.json 里面进行手动配置代理

"h5" : {
    "template" : "",
    "devServer" : {
        "port" : 8081,
        "disableHostCheck" : true,
        "proxy" : {
            "/dev" : {
                "target" : "需要访问的地址",
                "changeOrigin" : true,
                "secure" : false,
                "pathRewrite" : {
                    "^/dev" : ""
                }
            }
        },
        "https" : false
    }
}

后面的封装同上

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐