128 lines
4.3 KiB
Vue
128 lines
4.3 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<nav-bar title="接口请求（全端支持）"></nav-bar>
|
|||
|
|
<!-- 公共组件-每个页面必须引入 -->
|
|||
|
|
<public-module></public-module>
|
|||
|
|
<view class="table_box">
|
|||
|
|
<view class="table_title">使用文档</view>
|
|||
|
|
<view class="table_content">
|
|||
|
|
<text @click="onJumpWebview('https://ext.dcloud.net.cn/plugin?id=822')">文档地址：https://ext.dcloud.net.cn/plugin?id=822</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="input_form_box">
|
|||
|
|
<view class="input_box btm_line">
|
|||
|
|
<view class="name">GET请求</view>
|
|||
|
|
<view class="select_info" @click="onGet">
|
|||
|
|
<view class="select">点击请求</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="input_box btm_line">
|
|||
|
|
<view class="name">POST请求</view>
|
|||
|
|
<view class="select_info" @click="onPost">
|
|||
|
|
<view class="select">点击请求</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="input_box btm_line">
|
|||
|
|
<view class="name">通用请求方式</view>
|
|||
|
|
<view class="select_info" @click="onRequest">
|
|||
|
|
<view class="select">点击请求</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import $http from '@/config/requestConfig.js';
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
},
|
|||
|
|
//方法
|
|||
|
|
methods: {
|
|||
|
|
onGet(){
|
|||
|
|
$http.get("api/common/v1/protocol", {type: 1000},{
|
|||
|
|
isPrompt: true,//（默认 true 说明：本接口抛出的错误是否提示）
|
|||
|
|
load: true,//（默认 true 说明：本接口是否提示加载动画）
|
|||
|
|
header: { //默认 无 说明：请求头
|
|||
|
|
'Content-Type': 'application/json'
|
|||
|
|
},
|
|||
|
|
isFactory: true //（默认 true 说明：本接口是否调用公共的数据处理方法，设置false后isPrompt参数将失去作用）
|
|||
|
|
}).then(res => {
|
|||
|
|
console.log("接口获取成功! 数据 =>",res);
|
|||
|
|
uni.showToast({
|
|||
|
|
title:"接口获取成功，请查看控制台",
|
|||
|
|
icon:"none"
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onPost(){
|
|||
|
|
$http.post("api/common/v1/login", {
|
|||
|
|
email: 11111,
|
|||
|
|
password: 123456
|
|||
|
|
},{
|
|||
|
|
isPrompt: true,//（默认 true 说明：本接口抛出的错误是否提示）
|
|||
|
|
load: true,//（默认 true 说明：本接口是否提示加载动画）
|
|||
|
|
header: { //默认 无 说明：请求头
|
|||
|
|
'Content-Type': 'application/json'
|
|||
|
|
},
|
|||
|
|
isFactory: true //（默认 true 说明：本接口是否调用公共的数据处理方法，设置false后isPrompt参数将失去作用）
|
|||
|
|
}).then(res => {
|
|||
|
|
console.log("接口获取成功! 数据 =>",res);
|
|||
|
|
uni.showToast({
|
|||
|
|
title:"接口获取成功，请查看控制台",
|
|||
|
|
icon:"none"
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onRequest(){
|
|||
|
|
$http.request({
|
|||
|
|
url: "api/common/v1/protocol",
|
|||
|
|
method: "GET", // POST、GET、PUT、DELETE，具体说明查看官方文档
|
|||
|
|
data: {
|
|||
|
|
type: 1000,
|
|||
|
|
},
|
|||
|
|
timeout: 30000, // 默认 30000 说明：超时时间，单位 ms，具体说明查看官方文档
|
|||
|
|
dataType: "json", // 默认 json 说明：如果设为 json，会尝试对返回的数据做一次 JSON.parse，具体说明查看官方文档
|
|||
|
|
responseType: "text", // 默认 text 说明：设置响应的数据类型。合法值：text、arraybuffer，具体说明查看官方文档
|
|||
|
|
withCredentials: false, // 默认 false 说明：跨域请求时是否携带凭证（cookies），具体说明查看官方文档
|
|||
|
|
isPrompt: true, //（默认 true 说明：本接口抛出的错误是否提示）
|
|||
|
|
load: true,//（默认 true 说明：本接口是否提示加载动画）
|
|||
|
|
header: { //默认 无 说明：请求头
|
|||
|
|
'Content-Type': 'application/json'
|
|||
|
|
},
|
|||
|
|
isFactory: true, //（默认 true 说明：本接口是否调用公共的数据处理方法，设置false后isPrompt参数将失去作用）
|
|||
|
|
}).then(function (res) {
|
|||
|
|
//这里只会在接口是成功状态返回
|
|||
|
|
console.log("接口获取成功! 数据 =>",res);
|
|||
|
|
uni.showToast({
|
|||
|
|
title:"接口获取成功，请查看控制台",
|
|||
|
|
icon:"none"
|
|||
|
|
});
|
|||
|
|
}).catch(function (error) {
|
|||
|
|
//这里只会在接口是失败状态返回，不需要去处理错误提示
|
|||
|
|
console.log(error);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onJumpWebview(url){
|
|||
|
|
// #ifdef H5
|
|||
|
|
window.open(url);
|
|||
|
|
// #endif
|
|||
|
|
// #ifndef H5
|
|||
|
|
this.$store.commit("setWebViewUrl", url);
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/template/webView'
|
|||
|
|
});
|
|||
|
|
// #endif
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
@import '@/style/mixin.scss';
|
|||
|
|
</style>
|