隨著開發的進展,我們用到的介面會越來越多,我們需要將各個介面統一起來,方便管理。於是我們需要將介面模組化。
在src目錄下,新建api資料夾,新建http.js,新建api.js。
這個js檔案,我們封裝請求方法,攔截方法。
這樣就可以把main.js檔案中的請求***和響應***刪掉了。
import axios from 'axios'
//請求***
axios.interceptors.request.use(
//請求頭加入token
config =>
console.log(config);
return config;
},error =>
);//響應***
axios.interceptors.response.use(function (response) ,function (error) );
// 封裝axios的post請求
export function fetchpost(url,params) )
.catch((error)=>)
})}//封裝axios的get請求
export function fetchget(url,params) )
.catch((error)=>)
})}export default function (method,url,data = null) else if(method === 'get'));
}else
}
這個檔案中,我們放置各個介面,以登入介面為例。
//登入
export const login = params=>request('post','user/login',params);
在login.vue中,引入apis.js的login方法
import from "../../api/apis";
修改login方法
login())
.then(successresponse =>);
this.$router.push('/home');
}else })}
和原**對比,直接將
this.$axios.post('/user/login', )
改為了
login()
顯得更加清楚吧。 JDK1 8介面新增
1 預設方法 即被default關鍵字修飾的方法 public class demo01 介面 inte cea 實現類 class demo implements a 構成重寫 public void dsiplay 使用 通過實現類物件使用,實現類可以對預設方法進行重寫,呼叫重寫後的方法 注 只...
vue 07 介面環境設定
目錄 1.概述 1.1.jsonp跨域或者cors跨域配置介面環境,跨域的話就不需要這麼麻煩 1.1.1根目錄新增env.js 1.1.2修改package.json 1.1.3main.js 1.1.4啟動測試 開發線上的不同階段,需要不同的配置,不同的跨域方式配置不同,打包的時候統一注入環境變數...
Java面試 JDK1 8介面和抽象類
前言 介面是對動作的抽象,抽象類是對根源抽象。使用抽象類,也就是繼承,是一種強耦合的設計,用來描述 a is a b 的關係,即如果說a繼承於b,那麼在流程中將a當做b去使用應該完全沒有問題。介面設計目的就是對類的行為進行約束,也就是提供一種機制,可以強制要求不同的類具有相同的行為。它只約束了行為的...