1. 程式人生 > >vue調用接口那些事

vue調用接口那些事

編寫 交互 ebp 目的 文件 樣式 沒有 發的 地址

前後端分離聽了無數遍,本質就是後端只寫接口,前端寫界面。
理想化的方案,後端搭數據庫,寫後端界面功能,寫接口api。前端寫vue,依據本地的json文件寫數據呈現的樣式。
後來,發現前後端有個時間差,於是,前端把需要用到的json文件放到網上(比如[www.easy-mock.com等平臺),這樣後端可以緊跟前端腳步,同步編寫項目的api接口。
其實還一個比較模糊的事情,交互誰來寫(如果後端返回空數據怎麽辦,如果用戶沒有登錄怎麽處理,分頁加載/刷新需求的實現)?vue項目在npm run build完成之後就真的可以上線了麽,給用戶交付一個移動端網頁就結束了?服務器端的配置who來?app打包和webpack打包是一回事麽?
好吧,經歷了一個項目,這些灰色地帶,老板不懂,前端vue的同事不懂,我懂。

言歸正傳,說說vue接口調用。嚴格來說,接口有3種場景:
1)本地開發環境,就是通過npm run dev 來請求的情況。
這種情況,是通過config的dev字段,proxy來配置,由vue幫你完成轉發的。
2)移動端網頁,通過服務器轉發來實現(比如apache的.htaccess文件)。
3)APP環境。APP是不存在跨域的,所以直接大膽的寫上完整的請求地址,在axios配置裏面寫好即可。

vue調用接口那些事