为什么微信小程序没定义query报错query为空，求解TypeError: Cannot set property ‘query‘ of undefined

最新推荐文章于 2025-03-07 22:44:00 发布

旧诚

最新推荐文章于 2025-03-07 22:44:00 发布

阅读量2.2k

点赞数 2

本文链接：https://blog.csdn.net/qq_67676104/article/details/127129960

版权

uni-app 接口调用微信小程序错误分析轮播图数据

关键词由CSDN通过智能技术生成

本文档展示了uni-app中一个封装了端口接口的组件代码，包括数据获取方法和请求模块。在尝试从本地服务器获取轮播图数据时，遇到了请求失败的问题。在微信小程序环境下运行，报出了错误。问题可能源于请求配置、URL或数据格式。通过调试和日志分析，可以定位并解决此类问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是封装了一个端口号接口的组件

<script>
	export default {
		data() {
			return {
			 swipers:[]
			}
		},
		onLoad() {
			this.getSwipers()
		},
		methods: {
			// 获取轮播图的数据
			async getSwipers(){
				// uni.request({
				// 	url:"http://localhost:8082/api/getlunbo",
				// 	success(res) {
				// 		console.log(res)
				// 		if(res.data.status !== 0){
				// 			return uni.showToast({
				// 				title:'获取数据失败'
				// 			})
				// 		}
				// 		this.swipers = res.data.message
				// 	}
				// })
				 const res = await this.$myRuquest({
					url: '/api/getlunbo'
				})
				console.log(res)
			}
		}
	}
</script>

这是注册和创建组件

import App from './App'

// #ifndef VUE2
import Vue from 'vue'
import { myRequest } from'util/api.js'

vue.prototype.$myRquest = myRequest

Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
    ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}
// #endif

这是调用了这个组件

const BASE_URL='http://localhost:8082'
export const myRequest = (options)=>{
	return new Promise((resolve,reject)=>{
		uni.request({
			url:BASE_URL+options.url,
			method:options.method || 'GET',
			data:options.data || {},
			success:(res)=>{
				if(res.data.status !== 0){
					return uni.showToast({
						title:'获取数据失败'
					})
				}
			    resolve(res)
			},
			fail: (err)=>{
				uni.showToast({
					title:'请求接口失败了'
				})
			  reject(err)	
			}
		})
	})
}

myRequest({
	url:'/api/getlunbo',
	method:'POST',
	date:{}
})