本文是基於 的模版進行搭建。在模板基礎上的搭建過程中，提出以下可能遇到的問題：
1、如何mock介面資料？
大家都知道前後端開發速度不一定一致，有時候前端開發比較快，這個時候可以先進行mock資料進行測試。這個模板已經有mock例子了，因此下面會簡單以mock選單為例子做演示。通過講選單mock，順便能夠了解一下選單如何動態新增的。
2、mock的api和後端api介面如何進行切換？
3、如果後端介面位址有多個，要如何進行多**介面位址配置？
4、如何區分開發環境和生產環境的api？
接下裡開始講選單的mock。
mock/user.js 在這裡寫入要獲取到的選單資料。
const menu = ,
"children":[
,"children":,
},],},,
"children":[,],
}]}module.exports = [}}
},]
export function getusermenutreeandrightlist(params) )
}
import router from '@/router'
import interceptmenu from "@/router/menucorrect.js"
const actions = ) ;
return new promise((resolve, reject) =>
if (menucorrect.length > 0)
resolve(response)
}}).catch(error => )
})},
}
import lazyloading from './lazyloading'
//遍歷選單
export default function interceptmenu(menudata)
}return menudata
}//對每乙個選單節點進行 component新增、href修改
function getmenucorrect(menuitem)
//擷取到『|』， 轉化為href和component
if(menuitem.path && menuitem.path.includes('|'))else
}else
return menuitemcopy
}
const home = import('@/views/home.vue'); //home
function look(name)
}export default (name) => () => look(name);
最終效果：（更改完mock記得重啟專案）
在settings.js中新增引數
在.env.development中新增介面位址
通過引數進行本地和後端api切換
實現效果：
那麼如果多個後端介面位址應該要如何進行切換？這就到了問題3。
在.env.development中新增介面位址
在呼叫介面的時候新增，可以直接覆蓋。進一步了解可看
在.env.production檔案中，加入生產環境需要的介面位址就行了。
vue的專案搭建
ie6 ie8不支援es5，vue,ie9 支援 vue是mvvm框架 mvvm框架 針對具有複雜的互動邏輯的前端應用。提供基礎的架構抽象 通過ajax資料持久化，保證前端使用者體檢 vuejs 1.是乙個輕量級的mvvm的前端框架 2.資料驅動 元件化的前端開發 vue,angular和react...
vue專案搭建
前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...
Vue專案搭建
vue cli 專案搭建及常用外掛程式安裝，報錯解決 環境搭建 node v 檢測版本 2.安裝webpack npm install webpack g webpack v 檢測是否安裝成功 專案搭建 1.npm install vue cli g vue v 接下來的步驟有兩種方式 1 cd 進...