微服務和VUE 18 介面模組化

2021-10-09 03:09:46 字數 1401 閱讀 8429

隨著開發的進展,我們用到的介面會越來越多,我們需要將各個介面統一起來,方便管理。於是我們需要將介面模組化。

在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去使用應該完全沒有問題。介面設計目的就是對類的行為進行約束,也就是提供一種機制,可以強制要求不同的類具有相同的行為。它只約束了行為的...