我当菜鸟的那几年

Posted mashangyouni

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我当菜鸟的那几年相关的知识,希望对你有一定的参考价值。

1,首先安装axios

npm install axios

2,在项目文件pluginsw文件夹里(哪个文件夹自己随便啊)创建axios.js,代码如下:

import axios from ‘axios‘
//定义fetch函数,config为配置
export function fetch(config){
//返回promise对象
return new Promise((resolve,reject) =>{
//创建axios实例,把基本的配置放进去
const instance = axios.create({
//定义请求文件类型
headers:{
‘Content-Type‘: ‘application/json‘,
},
// 请求超时
timeout: 5000,
//定义请求根目录
baseURL: ‘http://ws.sandbox.mammasay.com/‘
});
//请求成功后执行的函数
instance(config).then(res =>{
console.log(res);
resolve(res);
//失败后执行的函数
}).catch(err => {
console.log(err);
reject(err);
})
});
}

// 封装调用的接口 getData
export function getData(url,type,data) {
//如果type为空,默认为post方法,也可以自己改成get
if(type===‘‘)
type = ‘post‘;
return fetch({
//这里的url为baseURL下接口地址,如baseURL为‘www.baidu.com‘,接口地址为‘www.baidu.com/api/getdata‘,那么url里就写‘api/getdata‘
url: url,
method: type,
data: data,
})
}

3,在其他组件里边使用

首先引入axios.js

import { getData } from ‘~/plugins/axios.js‘

然后使用:

getData(‘方法名‘,‘type‘,传值).then( res => {
         console.log(res)
 }), err => {
         console.log(err)
 }






































以上是关于我当菜鸟的那几年的主要内容,如果未能解决你的问题,请参考以下文章

开源背后的那几个人

开源背后的那几个人

开源背后的那几个人

开源背后的那几个人

opendatabase的那几个参数怎么用

前端面试要注意的那几个点?