Vue 中 axios 配置使用

2022-07-23 13:36:16 字數 767 閱讀 9059

1.安裝axios

npm:

$ npm install axios -s

cdn:

2.配置axios

在專案中新建api/index.js檔案,用以配置axios

api/index.js

import axios from 'axios';

function apiaxios(method, url, params, response) ).then(function (res) ).catch(function (err) )

}export default ,

post: function (url, params, response) ,

put: function (url, params, response) ,

delete: function (url, params, response)

}這裡的配置了post、get、put、delete方法。並且自動將json格式資料轉為url拼接的方式

同時配置了跨域,不需要的話將withcredentials設定為false即可

3.使用axios

首先在main.js中引入方法

import api from './api/index.js';

vue.prototype.$api = api;

然後在需要的地方呼叫即可

this.$api.post('user/login.do(位址)', , response => else

});

vue中axios的使用

寫上乙個專案的時候,我們就用到了axios,但是我當時沒怎麼學,不知道從哪下手,這個時候我小夥伴又把咋用的給我整理好了,那我就老老實實的當個廢物,他怎麼說我怎麼用。最後能用,但是不理解為什麼這樣用,正好學vue中的axios時又重新學了一遍。直接拿 來講吧 axios.defaults.baseur...

vue中如何使用axios

npm install axios在main.js中引入import axios from axios 然後在vue原型上新增vue.prototype.axios axiosthis.axios或者axios 1.引數一表示請求位址 2.引數二表示配置資訊 3.params表示傳遞到伺服器端的資料...

vue中axios的使用

新開了乙個vue專案,從頭到尾都是乙個人做的,所以就自己配置了乙個axios.js檔案 import axios from axios 引入axios vue.prototype.http axios 掛載在原型上 原因 直接掛載在原型上可能會給vue的原型鏈產生汙染,且太粗暴 不符合vue的生態環...