实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie

1-使用npm install axios;命令安装axios
2-新建一个文件夹再建一个.js后缀文件放axios封装代码

代码：
import Vue from ‘vue’
import axios from ‘axios’

// create an axios instance
const service = axios.create({
baseURL: ‘https://simplicity.sankuanedu.com’, // url = base url + request url
//withCredentials: true, // send cookies when cross-domain requests 注意：withCredentials和后端配置的cross跨域不可同时使用
timeout: 6000, // request timeout
crossDomain: true
})

// request拦截器,在请求之前做一些处理
service.interceptors.request.use(
config => {
// if (store.state.token) {
// // 给请求头添加user-token
// config.headers[“user-token”] = store.state.token;
// }
console.log(‘请求成功’)
return config;
},
error => {
console.log(error); // for debug
return Promise.reject(error);
}
);

//配置成功后的拦截器
// service.interceptors.response.use(res => {
// if (res.data.status<=350) {
// return res.data
// } else {
// return Promise.reject(res.data.msg);
// }
// }, error => {
// if (error.response.status) {
// switch (error.response.status) {
// case 401:
// break;
// default:
// break;
// }
// }
// return Promise.reject(error)
// })

// 在main.js中放入这段自定义适配器的代码，就可以实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie
axios.defaults.adapter = function(config) {
return new Promise((resolve, reject) => {
console.log(config)
var settle = require(‘axios/lib/core/settle’);
var buildURL = require(‘axios/lib/helpers/buildURL’);
uni.request({
method: config.method.toUpperCase(),
url: config.baseURL + buildURL(config.url, config.params, config.paramsSerializer),
header: config.headers,
data: config.data,
dataType: config.dataType,
responseType: config.responseType,
sslVerify: config.sslVerify,
complete: function complete(response) {
console.log(“执行完成：”,response)
response = {
data: response.data,
status: response.statusCode,
errMsg: response.errMsg,
header: response.header,
config: config
};

            settle(resolve, reject, response);}})
})

}
export default service

图片：

3-在main.js中放入这段自定义适配器的代码，就可以实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie
代码：
import axios from ‘./utils/axios.js’
Vue.prototype.$axios = axios
axios.defaults.adapter = function(config) {
return new Promise((resolve, reject) => {
console.log(config)
var settle = require(‘axios/lib/core/settle’);
var buildURL = require(‘axios/lib/helpers/buildURL’);
uni.request({
method: config.method.toUpperCase(),
url: config.baseURL + buildURL(config.url, config.params, config.paramsSerializer),
header: config.headers,
data: config.data,
dataType: config.dataType,
responseType: config.responseType,
sslVerify: config.sslVerify,
complete: function complete(response) {
console.log(“执行完成：”,response)
response = {
data: response.data,
status: response.statusCode,
errMsg: response.errMsg,
header: response.header,
config: config
};

            settle(resolve, reject, response);}})
})

}
图片：

--------------------------------------------不是本人写的，作者链接找不到了，所以自己备份一份，已测可以实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie**--------------------------------------------

实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie相关推荐

java写微信小程序答辩问题_微信小程序开发中遇到问题总结
微信小程序开发中遇到问题总结 1.由于小程序wx.request()方法是异步的,在app.js执行ajax后,各分页加载app.js的全局数据时,无法按顺序加载.例: //app.js App({ ...
微信小程序开发中常见问题及解决方法
本文章总结小程序开发中常见的错误问题.希望能帮助初学者少走弯路,避免类似的错误. 1:出现"脚本错误或者未正确调用Page()"的错误提示. 解决方法:出现这个错误的原因通常是因为 ...
java写微信小程序答辩问题_java微信小程序开发中加密解密算法总结
详解java微信小程序开发中加密解密算法一.概述微信推出了小程序,很多公司的客户端应用不仅具有了APP.H5.还接入了小程序开发.但是,小程序中竟然没有提供Java版本的加密数据解密算法.这着实让 ...
关于微信小程序开发中遇到的缺少game.json问题的解决
关于微信小程序开发中遇到的缺少game.json问题的解决参考文章: (1)关于微信小程序开发中遇到的缺少game.json问题的解决 (2)https://www.cnblogs.com/ygxd ...
解决微信小程序开发中wxss中不能用本地图片
微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址.但是当我们没有服务器时,我们可以用"图床",这个具体可以百度.这里我们用第二种方 ...
微信小程序页面栈_微信小程序开发中的页面栈及页面路由原理
摘要:小程序的开发方兴未艾,本文以图解的形式详细剖析了小程序开发中的页面栈及页面路由原理,对于该原理的深入理解有助于开发者更好地理解小程序的开发框架,更好地开发出功能强大的小程序. 微信小程序(以下简 ...
微信小程序开发中遇到的一些问题
1.关于Promise对象的打印上面一个是高版本的基础库打印,下面一个是低版本的基础库打印 2.小程序打开项目控制台警告:VM745:1 [Event] 11 listeners of event ...
uniapp之APP/微信小程序/公众号支付
涉及到微信支付的都需要从后端接口获取支付配置信息: await this.$http({apiName:"wxPayConfig",type:"POST",da ...
微信小程序开发中30个常见问题解决方案
在小程序开发时需要注意哪些问题才可以避免走弯路呢?本文整理了30条常见问题,让开发者尽可能的绕开弯路微信小程序在支持个人开发者后,一大批程序员从一条布满雷区的道路,跳到了另一条布满陷阱的坑路.许多人 ...

实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie

实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie

实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie相关推荐

最新文章

热门文章