uniapp はどのようにリクエストを開始しますか?

Uniapp はリクエストを開始します: 1. [uniapp.request({})] メソッドを使用します; 2. [this.$axios({})] メソッドを使用します、コードは [this.$axios] ({ method: 'get',url: this.$api '/Test].

このチュートリアルの動作環境: Windows7 システム、uni-app2 .5.1 バージョン、 thinkpad t480 コンピューター。

推奨 (無料): ユニアプリ開発チュートリアル

## uniapp がリクエストを開始します。メソッド:

1、uniapp.request({})method

uni.request({
uni.request({
url: this.$api+'/Test/student/test',
header: {
'content-type': 'application/x-www-form-urlencoded' //自定义请求头信息
},
//请求成功后返回
success: (res) => {
// 请求成功之后将数据给Info
if(res.statusCode===200)
{
self.Info = res.data;
}
}
});

2 を使用します。 use this.$axios({})Method

this.$axios({
method: 'get',
url: this.$api + '/Test/student/test'
// data: {
// userName: 'Lan',
// password: '123'
// },
})
.then(function(res) {
if (res.data.code === 1234) {
self.Info = res.data
}
})
.catch(function(error) {
console.log(error.statusCode)
})

this.a p i 、 th i s . api、this.api、this.axios を main にグローバル変数として登録する必要があります。 js

Vue.prototype.$api='http://192.168.2.114:8099'
Vue.prototype.$axios=axios

完全なサンプル コード:

<script>
export default {
data() {
return {
Info: &#39;&#39;,
username: &#39;工程师&#39;,
pwd: &#39;&#39;
}
},
methods: {
getInfo() {
// var self = this;
// uni.request({
// url: this.$api+&#39;/Test/student/test&#39;,
// header: {
// &#39;content-type&#39;: &#39;application/x-www-form-urlencoded&#39; //自定义请求头信息
// },
// //请求成功后返回
// success: (res) => {
// // 请求成功之后将数据给Info
// if(res.statusCode===200)
// {
// self.Info = res.data;
// }
// }
// });
var self = this
this.$axios({
method: &amp;#39;get&amp;#39;,
url: this.$api + &amp;#39;/Test/student/test&amp;#39;
// data: {
// userName: &amp;#39;Lan&amp;#39;,
// password: &amp;#39;123&amp;#39;
// },
})
.then(function(res) {
if (res.data.code === 1234) {
self.Info = res.data
}
})
.catch(function(error) {
console.log(error.statusCode)
})
}
}
}
</script>

関連する無料学習の推奨事項:

プログラミング ビデオ

以上がuniapp はどのようにリクエストを開始しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。