Alamat permintaan konfigurasi bersatu pembangunan Uniapp

Dengan populariti aplikasi mudah alih, pembangun perlu menyesuaikan secara beransur-ansur kepada kaedah pembangunan sistem pengendalian yang berbeza dan mengukur cara untuk membangun dengan lebih pantas dan menggunakan sumber dengan lebih cekap. Uniapp ialah rangka kerja merentas platform yang muncul mengikut keperluan masa Ia bukan sahaja boleh membina aplikasi berbilang terminal (H5, applet WeChat, App) dengan cepat, tetapi juga mempunyai penyepaduan bersepadu beberapa perpustakaan yang biasa digunakan (seperti vuex, uni. -ui, dsb.). Semasa proses pembangunan uniapp, banyak permintaan memerlukan permintaan rangkaian Konfigurasi alamat permintaan bersatu boleh memudahkan penyelenggaraan dan peningkatan. Artikel ini akan memperkenalkan cara mengkonfigurasi alamat permintaan secara seragam dari dua aspek: pembangunan uniapp dan perpustakaan permintaan axios.

1. Penggunaan permintaan dalam uniapp

Permintaan dalam uniapp juga boleh dibuat menggunakan XMLHttpRequest asli, tetapi mempertimbangkan kecekapan pembangunan, kami biasanya memilih perpustakaan permintaan yang lebih mudah digunakan —— uni-permintaan. uni-request merangkum XMLHttpRequest dan permintaan uniapp, dan boleh diproses menggunakan Promise. Pada masa yang sama, uni-request juga merangkumi beberapa siri fungsi praktikal seperti pemintas dan percubaan semula. Apabila menggunakan uni-request, kita perlu melekapkan objek $http dalam main.js:

import request from '@/common/request.js'

Vue.prototype.$http = request

Seterusnya, apabila permintaan perlu dimulakan, anda boleh terus memanggil kaedah di bawah objek $http. Diminta, sebagai contoh:

this.$http.get('/api/user').then((res) => {
  console.log(res)
})

2. Konfigurasikan alamat permintaan

Untuk mengkonfigurasi alamat permintaan secara seragam, dua aspek berikut perlu diambil kira.

1. Konfigurasi keseluruhan dalam uniapp

Kami biasanya merangkum permintaan dalam fail berasingan untuk digunakan. Meminta konfigurasi alamat dalam fail ini mungkin merupakan operasi yang agak mudah. Kami boleh menambah kod berikut dalam fail request.js:

const baseURL = 'https://your.base.url.com/api/'

export default function(options) {
  // function definition
  // ...
  return uni.request({
    url: baseURL + options.url,
    method: options.method || 'GET',
    data: options.data || {},
    header: options.header || {}
  })
}

Dalam contoh ini, baseURL kami ditetapkan kepada https://your.base.url.com/api/, yang bermaksud bahawa dalam Setiap kali ia diminta, baseURL ini akan ditambah kepadanya. Oleh itu, apabila kami memanggil permintaan, kami hanya perlu memanggil alamat relatif.

2. Konfigurasi global dalam aksios

Dalam uniapp, kami juga boleh menggunakan axios untuk mengendalikan permintaan. Walaupun kurang digunakan semasa proses pembangunan, axios mempunyai pemintas dan item konfigurasi yang lebih fleksibel dan berkuasa. Boleh dikatakan bahawa dalam senario penggunaan sebenar, ia akan menjadi lebih serba boleh daripada permintaan uni.

Kami boleh melakukan konfigurasi global dalam fail main.js:

import axios from 'axios'

axios.defaults.baseURL = 'https://your.base.url.com/api/'
Vue.prototype.$http = axios

Dengan cara ini, permintaan seterusnya juga akan mengikuti baseURL ini.

3. Ringkasan

Artikel ini memperkenalkan kedua-dua axiso dan uniapp, dan cara mengkonfigurasi alamat permintaan secara seragam. Bagi pembangun, ini bukan sahaja penghalaan deklaratif tradisional, tetapi juga bermakna kerjasama pasukan yang lebih cekap dan kawalan logik perniagaan yang lebih fleksibel. Saya percaya bahawa selepas pembaca mengetahui lebih lanjut tentang permintaan dalam uniapp yang mereka tulis, mereka akan dapat melaksanakan penyelarasan alamat permintaan global dengan mudah.

Atas ialah kandungan terperinci Alamat permintaan konfigurasi bersatu pembangunan Uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!