uniapp怎么部署,uniapp怎么开发
下面uniapp教程栏目给大家介绍一下uniapp项目中引入爱可信的方法，了解有凭据允许获取甜饼干和后端配置的跨域不可同时使用的一些基本知识，希望对大家有所帮助！
单一应用程序开发（仿饿了么)开发课程：进入学习
安装 axios
1、首先检查是否安装 npm 工具：工具 -- 插件安装
2、检查是否安装 npm，如果没有可以去看我的这篇文章：windows安装node.js用npm安装vue
3、安装后在当前目录下打开内置终端：（和前几步一样检查插件安装与否）
4、在终端输入：npm install axios 安装 axios
5、安装后如下所示：（node_modules 出现 axios）
uniapp 项目配置 axios
创建 utils 文件按自己所需创建 .js 文件
引入 axios
从“vue”导入某视频剪辑软件
从“axios”配置如下：（注意：withCredentials允许获取cookie 和后端配置的跨域不可同时使用，会报错哦提醒你了！）导入爱可信
从“vue”导入某视频剪辑软件
从" axios "导入爱可信
//创建爱可信实例
const service=axios.create({
基本URL:“https://www。永季晨。top/jccrm ，//url=基本统一资源定位器请求统一资源定位器
//withCredentials: true，//跨域请求时发送饼干注意：带有凭据和后端配置的跨过跨域不可同时使用
超时：6000,//请求超时
跨域：真
})
//请求拦截器，在请求之前做一些处理
服务。截击机。请求。使用(
配置={
//if (store.state.token) {
////给请求头添加用户令牌
//config。头[用户令牌]=存储。状态。token
//}
console.log(请求拦截成功)
返回配置；
},
错误={
console.log(错误);//用于调试
返回承诺。拒绝(错误);
}
);
//配置成功后的拦截器
服务。截击机。回应。使用(RES={
if (res.data.status==200) {
返回结果数据
}否则{
回报承诺。拒绝(参考数据。味精)；
}
},错误={
if (error.response.status) {
开关（错误。响应。状态){
案例401:
打破；
默认值：
打破；
}
}
退货承诺。拒绝（错误)
})
//在主页。射流研究…中放入这段自定义适配器的代码，就可以实现uniapp的应用和小程序开发中能使用爱可信进行跨域网络请求，并支持携带甜饼干
axios。默认值。适配器=功能(配置){
返回新承诺((解决，拒绝)={
console.log(配置)
var settle=require( axios/lib/core/settle))；
var buildURL=require( axios/lib/helpers/buildURL )；
uni.request({
方法：config.method.toUpperCase()，
URL:config。基本URL buildURL(配置。URL，config.params，config.paramsSerializer)，
header: config.headers，
数据：配置数据，
数据类型：config.dataType，
响应类型：配置。响应类型
sslVerify: config.sslVerify，
完成：功能完成（响应){
console.log(执行完成：,响应)
响应={
数据：响应。数据，
状态：response.statusCode，
errMsg: response.errMsg，
标头：response.header
配置：配置
};
解决（解决、拒绝、响应);
}
})
})
}
导出默认服务在项目根目录的 main.js 配置引入全局 axios
//引入封装后的爱可信
从导入axios ./utils/request/request.js
/**
* 给某视频剪辑软件函数添加一个原型属性$axios指向爱可信
* 这样做的好处是在某视频剪辑软件实例或组件中不用再去重复引用爱可信直接用这个10.99美元axios就能执行爱可信方法了
* 在。某视频剪辑软件中使用，这个. axios.get
* @param {Object}配置
*/
vue。原型。$ axios=axios愉快的使用 axios
效果图：
原文地址：金爵https://号。cn/post/700504233288759333
作者：Sunny _陈
更多编程相关知识，请访问：编程视频！以上就是详解uniapp项目中如何引入爱可信的详细内容，更多请关注我们其它相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。