vue中axios的配置檔案

2021-08-20 04:57:14 字數 1999 閱讀 1926

import axios from

'axios'

// 匯入axios

import qs from

'qs'

// 匯入qs

import vue from

'vue'

// 匯入vue

import router from

'../router'

// 匯入路由檔案

import md5 from

'md5'

// 匯入md5加密

import jsencrypt from

'jsencrypt'

// 匯入rsa加密

import

from

'mint-ui'

// 匯入ui框架

import apis from

'./api'

// 匯入介面檔案

import

base_url

from

'../config'

// 匯入配置檔案

// 傳送請求前的動作

axios.interceptors.request.

use(config =>

, error =>

)// 接收響應前的動作

axios.interceptors.response.

use(response =>

, error =>

)// 對需要提交的data做篩選,根據配置檔案apis的常量,篩選出不需要加密的字段

function

datascreen

(data, body)

;let o =

;for

(let item in data)

else

} o.data = obj;

return o;

}// 對需要sign的引數進行欄位名稱排序,把對應的值進行拼接

function

getobjsort

(obj)

return str;

}// 對拼接好的字串進行公鑰加密,返回sign字串

function

getsign

(str)

return sign;

}const

vueajax

=(opts, data, body, describe)

=>

let headers =

headers.sign = sign;

let defaultopts =

if(opts.method==

'get'

)delete defaultopts.data;

else

delete defaultopts.params;

let promise =

newpromise

((resolve, reject)

=>

else

if(d.msg ==3)

})// 這裡是登入超時後跳轉致錯誤頁

}else

// console.log(describe + "——" + json.stringify(res.data))})

.catch

((error)

=>)}

)return promise;

}export

default vueajax;

config.js

let

base_url=""

;//這裡是乙個預設的url,可以沒有

switch

(process.env.

node_env

)export

default

base_url

;

再在package.json加入

Vue 中 axios 配置使用

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,param...

vue配置檔案分析

在vue cli3.0版本以上中,vue搭建的專案就去掉了config檔案,這就是意味著當我們在需要一些的配置的時候,需要自己建立檔案,當然檔案的命名和格式並不是隨便寫的,需要遵循vue檔案的格式才可以。vue.config.js 這個檔案就是我們經常需要用到的檔案,在這裡相當於vue cli2裡面...

vue2配置axios介面檔案

專案正常跑起來後,現在就開始與後台聯調介面的配置問題,也就是資料傳輸需要的介面配置。vue本身是不支援ajax介面請求的,所以我們需要安裝乙個介面請求npm包。開始新手上手建議使用superagent這個工具,具體介紹請看文件,以前的vue專案通常是用vue resource,但是vue resou...