uniapp里同一个请求可以在不同组件发送

是的，可以在不同的组件中使用同一个请求。在Uniapp中发送请求通常采用封装的方式，比如使用封装好的request方法，然后在不同的组件中调用这个方法即可。

例如，在一个util.js文件中封装一个request方法：

const request = (url, method, data) => {
  return uni.request({
    url: url,
    method: method,
    data: data
  })
}
export default request;

然后在不同的组件中引入这个方法，比如在A组件和B组件中都需要发送同一个请求：

import request from '@/utils/util.js';

// 在A组件中发送请求
request('/api/user', 'GET').then(res => {
  console.log(res);
})

// 在B组件中发送请求
request('/api/user', 'POST', {name: 'Tom'}).then(res => {
  console.log(res);
})

这样就可以在不同的组件中使用同一个请求了。

相关问题

uniapp里同一个请求在不同组件发送

可以使用uni-app提供的全局变量或者Vuex来实现同一个请求在不同组件中发送。

1. 全局变量：在main.js文件中定义一个全局变量，然后在需要发送请求的组件中调用即可。

// main.js
import Vue from 'vue'
import App from './App'
import request from '@/utils/request'

Vue.config.productionTip = false
Vue.prototype.$http = request

App.mpType = 'app'

const app = new Vue({
  ...App
})

app.$mount()

// 在需要发送请求的组件中
export default {
  methods: {
    async getData() {
      const res = await this.$http.get('/api/data')
      console.log(res)
    }
  }
}

2. Vuex：在store中定义一个action，组件中通过dispatch来触发该action发送请求。

// store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import request from '@/utils/request'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {},
  mutations: {},
  actions: {
    async getData(context) {
      const res = await request.get('/api/data')
      console.log(res)
    }
  }
})

export default store

// 在需要发送请求的组件中
import { mapActions } from 'vuex'

export default {
  methods: {
    ...mapActions(['getData']),
    async getDataByVuex() {
      this.getData()
    }
  }
}

怎么在uniapp需要发送请求的组件中，通过引入axios实例来发送请求

1. 在uniapp项目的根目录下，创建一个axios.js文件，用于创建axios实例。

import axios from 'axios';

const instance = axios.create({
  baseURL: 'http://api.example.com',
  timeout: 5000,
});

export default instance;

2. 在需要发送请求的组件中，引入axios实例。

import axios from '@/axios.js';

export default {
  data() {
    return {
      responseData: null,
    }
  },
  methods: {
    async getData() {
      try {
        const response = await axios.get('/data');
        this.responseData = response.data;
      } catch (error) {
        console.log(error);
      }
    }
  }
}

在这个例子中，我们使用了axios的get方法来向后端接口发送请求，并使用async/await来处理异步请求。如果请求成功，我们将返回的数据赋值给组件的responseData属性；如果请求失败，我们将错误打印到控制台中。