乙個vue專案中配置請求多個服務端解決方案

2021-10-10 04:41:35 字數 884 閱讀 9365

前言:最近專案開發中,遇到這麼個情況,乙個前端專案需要搭配兩個服務端介面,所以前端的**需要重新修改,遂記錄

1.1 描述介面context-path

後端的兩個介面服務請求字首,如下:

字首1: /mini-rest

字首2: /

1.2 vue.config.js配置
devserver:},

// 第二台伺服器配置

'/':}}

}

1.3 axios修改
// api base_url,設定字首不存在

const base_url = ''

// 建立 axios 例項

const service = axios.create()

此時axios不需要直接指定baseurl配置

1.4 傳送請求
// 請求字首為「/」

dibootapi.get("/trans").then(res => ).catch(err => )

// 請求字首為「mini-rest」

dibootapi.get("/mini-rest/gettest").then(res => ).catch(err => )

注:請求的時候手動加上字首

1.5 結果展示

vue乙個網域名稱部署多個專案 前端配置

在專案開發時,我們可能會遇到這樣的需求,只有乙個網域名稱,但是需要配置多個不同的模組專案進去,那麼遇到這樣的情況我們前端需要怎麼配置呢?下面我給大家說下我的配置 第一步 首先,找到vue專案中的config檔案下的index.js,修改assetspublicpath,具體配置如下 build 第二...

Vue專案中實現乙個日曆元件

本專案是乙個pc端的專案,使用已有的元件,沒有找到pc端的,所以需要自己寫乙個日曆。打卡詳情 mounted console.log this.selyear,this.selectedmonthdate this.getcurmonthdata this.selectedmonthdate met...

nginx乙個埠部署多個vue專案

publicpath引數官方說明 module.exports base引數官方說明 應用的基路徑,預設情況下為 projectname專案資料夾要放在html目錄下 location projectname projectname2專案資料夾要放在html目錄下 location projectn...