我在本地開發了一個分頁的接口
這里 我設置的是 form-data 參數類型

要的是個表單類型的數據 然后呢 我按傳統PC端的方式處理了數據

<template>
  <view class = "box">
    <view class="management"></view>
  </view>
</template>
<script>

  export default {
    data() {
        return {
          page: 1,
		  pageSize: 3
        }
    },
    mounted() {
		let data = new FormData();
		  console.log(this.page);
		  data.append("page", this.page);
		  data.append("pageSize", this.pageSize);
		  console.log(data);
		  uni.request({
		    url: '/books/page',
		    method: 'GET',
		    data: data,
		    header: {
		      "content-type": "multipart/form-data",
		    },
		    success: (res) => {
		      console.log(res.data);
		    },
		    fail: (err) => {
		      console.log(err);
		    },
		  })
    }
  }
</script>

<style scoped>
	.box{
		height: 50vh;
		width: 100vw;
	}
	.management{
		width: 100vw;
		height: 33%;
		border-bottom: 1px solid black;
	}
</style>

但是這樣 運行起項目


他連請求都沒法出去
渲染 uni中使用FormData是有問題的
我直接將代碼改成

<template>
  <view class = "box">
    <view class="management"></view>
  </view>
</template>
<script>

  export default {
    data() {
        return {
          page: 1,
		  pageSize: 3
        }
    },
    mounted() {
		uni.request({
		  url: '/books/page',
		  method: 'GET',
		  data: {
			  page: this.page,
			  pageSize: this.pageSize
		  },
		  header: {
		    "content-type": "application/x-www-form-urlencoded",
		  },
		  success: (res) => {
		    console.log(res.data);
		  },
		  fail: (err) => {
		    console.log(err);
		  },
		})
    }
  }
</script>

<style scoped>
	.box{
		height: 50vh;
		width: 100vw;
	}
	.management{
		width: 100vw;
		height: 33%;
		border-bottom: 1px solid black;
	}
</style>

我們數據就還是給JSON data
只需要在 header 中加上 “content-type”: “application/x-www-form-urlencoded”,
我們運行代碼 他就成一個表單類型的數據了

數據也成功的請求回來了