mock資料和後端請求介面如何共存

2021-10-14 07:15:23 字數 997 閱讀 5705

要開發乙個vue專案,直接在以前其他專案的**上改,專案基礎模組包括登入已經完成,所以是帶後台的,增加新的模組時想先採用mock來模擬後台資料,所以就要考慮到mock資料和後端介面共存的問題。

然後在網上查到的方法都如下:

具體參考:

在專案根路徑下的vue.config.js中配置如下:

devserver: ,

proxy: /mock`,

changeorigin: true,

pathrewrite:

},changeorigin: true,

pathrewrite: }},

after: require(『./mock/mock-server.js『)

}

主要的思路就通過**,是『/user/info『的請求就**到mock中,其他請求就**到後台,這樣就可以同時使用mock和後台介面的資料了。

參照這種方法,在系統中配置之後,測試請求並無法被mock攔截,提示404找不到該請求,原訪問後台的介面訪問依然是正常的。只有訪問mock的是404。

後來經同事的除錯及查詢,改為如下配置就可以了:

module.exports = ,

before: require('./mock/mock-server.js'),

proxy:

},},

該配置跟網上查詢的不同就是,刪除了這段配置,原因可能是因為本專案的框架相關包的版本跟網上舉例子那個的不同,導致的。

},所以搜資料的時候要注意下版本和區別!!!!

附本機vue版本

mock資料和後端請求介面如何共存

起因 最近公司開發乙個後台管理系統,前端用的是vue element admin。由於原型還沒 有給出,所以需要提供乙個demo給領導看。而element admin已經有一套完整的權 限校驗功能,所以無法改動太多。只能mock資料和後端資料結合,展示給領導看。展示 devserver proxy ...

請求SpringMVC介面如何傳引數

controller介面 controller測試 建立乙個類,攜帶多個引數 controller介面 controller測試 注意 如果後台可以接收到前台傳遞的引數,但是無法將物件轉換為json返回,出現500錯誤 是因為springmvc預設是沒有物件轉換成json的轉換器,所以需要手動新增j...

Mock(模擬後端介面資料)配合Vuex的使用

2.新建乙個data.js存放新生成的mock檔案 編輯mock 並匯出 const mock require mockjs let data mock.mock function pagegoods export default 3.新建乙個mock.js接收data.js中的 資料 import...