vue前后端接口的問(wèn)題

本人學(xué)習(xí)vue新手一枚，官網(wǎng)也都過(guò)了一遍，對(duì)前后端接口這塊有些模糊，我這么理解不知道對(duì)不對(duì)：后端（假設(shè)是php）通過(guò).php文件提供json數(shù)據(jù)，前端通過(guò)ajax讀取該json數(shù)據(jù)渲染前端文件。在開發(fā)階段，由于前后端分離開發(fā)，前端需要偽造數(shù)據(jù)，前端是不是可以直接創(chuàng)建一個(gè)json文件放在static文件夾里供ajax調(diào)用讀取。那么生產(chǎn)環(huán)境下，前端文件都打包到dist文件夾里了，ajax讀取json數(shù)據(jù)時(shí)不應(yīng)該還是讀取static文件夾里的偽造數(shù)據(jù)吧，該怎么操作使ajax讀取真實(shí)數(shù)據(jù)庫(kù)里的數(shù)據(jù)呢？

回答

編輯回答

舊螢火

// dev.env.js
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  host: '0.0.0.0',
  AXIOS_BASR_URL: '""',
  NUM: '0'
})

可以閱讀 vue-cli 2.9.3 開發(fā)模式變量和生產(chǎn)模式變量，這一章節(jié)。
指定環(huán)境變量，就可以在生產(chǎn)模式，還是開發(fā)模式，進(jìn)行狀態(tài)判斷。

2018年5月15日 11:23

編輯回答

使勁操

前后臺(tái)分離不是說(shuō)前后臺(tái)完全獨(dú)立然后最后進(jìn)行合并，而是模式上是分離。在開發(fā)階段，前臺(tái)讀取的后臺(tái)數(shù)據(jù)就是根據(jù)后臺(tái)人員給你提供接口來(lái)獲取的（哈哈，前臺(tái)偽造數(shù)據(jù)是會(huì)出事的），然后你根據(jù)返回的狀態(tài)碼來(lái)判斷操作是否成功。

常見的就是：

200 ok
404 not found
500 后臺(tái)代碼異常你就要找后臺(tái)同志問(wèn)問(wèn)情況了

此外，后臺(tái)提供的值不一定是json字符串（所以不能偽造哦），你們?cè)陧?xiàng)目開發(fā)前是需要進(jìn)行溝通的，如果他偏要提供放入集合或者數(shù)組的值，那么你就要進(jìn)行轉(zhuǎn)換了。

下面寫了一個(gè)簡(jiǎn)單的axios的get請(qǐng)求：

       //查詢所有班級(jí)信息
       findAllClass:(context,id)=>{
            return new Promise((resolve,reject)=>{
                axios.get('url接口',{params:{id}}).then(({data})=>{
                    if(data.status==200){
                        resolve(data.data);
                    }else{
                        reject(data);
                    }
                }).catch((error)=>{
                    reject(error);
                });
            });
        },

2018年1月21日 21:40

編輯回答

蟲児飛

可以看下這個(gè)，獲取對(duì)你有幫助 https://github.com/azl3979858...

2017年2月2日 07:58

編輯回答

失魂人

可是在開發(fā)的時(shí)候設(shè)置代理在開發(fā)的時(shí)候讀取json數(shù)據(jù)，在正式跟測(cè)試的時(shí)候請(qǐng)求正式環(huán)境的接口跟測(cè)試環(huán)境的接口。而開發(fā)的時(shí)候使用的url保持一致

2017年10月31日 18:09

編輯回答

舊螢火

每個(gè)公司具體情況不一樣，我們公司是開發(fā)開始的時(shí)候就定好接口格式和內(nèi)容，后臺(tái)開發(fā)工程師會(huì)提前把接口文檔給到前端，然后先在后臺(tái)接口生成固定數(shù)據(jù)（格式和最終開發(fā)完成的數(shù)據(jù)保持一致），這樣前端工程師直接就可以調(diào)用后臺(tái)接口進(jìn)行開發(fā)和測(cè)試，等后臺(tái)工程師完成接口開發(fā)后再聯(lián)合調(diào)試。
vue開發(fā)環(huán)境和生產(chǎn)環(huán)境的配置問(wèn)題，你可以參考我寫的一篇文章：https://segmentfault.com/a/11...

2018年3月23日 16:03

編輯回答