uniapp怎么设置请求头-uni-app-PHP中文网

uniapp怎么设置请求头

PHPz

发布： 2023-04-20 15:01:52

原创

6383人浏览过

最近在使用uniapp开发时，有时候需要在请求中设置请求头信息，以便服务器能够正确地处理请求。下面就分享一下在uniapp中如何设置请求头的方法。

在main.js中设置请求头

在项目的main.js中可以全局设置请求头信息，这样在任何请求中都会携带这些信息。具体的方法如下：

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

Vue.prototype.$http = function(url, method, data){
  return new Promise((resolve, reject) => {
    uni.request({
      url: 'http://localhost:8080/' + url,
      method: method,
      data: data,
      header:{
          'Content-Type': 'application/json',
          'Authorization': 'Bearer ' + uni.getStorageSync('token')
      },
      success: (res) => {
        resolve(res);
      },
      fail: (res) => {
        reject(res);
      }
    });
  });
}

App.mpType = 'app'

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

登录后复制

上面的代码中，header就是需要设置的请求头信息，其中Content-Type表示请求数据的类型，Authorization表示用户的访问令牌，可以根据实际情况修改。

在单个请求中设置请求头

有时候，我们可能需要在单个请求中设置某个请求头信息。这时候，我们可以在uni.request方法中对header进行设置，示例代码如下：

uni.request({
  url: 'http://localhost:8080/' + url,
  method: method,
  data: data,
  header:{
    'Authorization': 'Bearer ' + uni.getStorageSync('token')
  },
  success: (res) => {
    resolve(res);
  },
  fail: (res) => {
    reject(res);
  }
});

登录后复制