vue使用axios

vue

1.脚手架里安装axios,执行以下命令

npm install axios

安装成功后会发现在node_modules目录下出现axios文件夹

2.在要使用的vue组件中引用axios

import axios from “axios”

3.在js方法里面调用接口,如果是json文件,放到static目录下。url中写成"./static。。。"

axios({

method: ‘get’,

url: ‘./static/paint.json’

}).then(response=>{

//成功后执行的方法

console.log(response);

}).catch(function(error) {

//失败执行的方法

console.log(error);

});

4.注意:

在axios中使用this

a. then中的回调方法尽量使用箭头函数,这样可以方便使用this指向当前vue组件的实例。

b.如果不用箭头函数,则需在axios方法外面声明一个变量指向this,即 let that = this

以上是 vue使用axios 的全部内容, 来源链接: utcz.com/z/377180.html

回到顶部