一、按照mpvue官網(wǎng)新建前臺(tái)工程

http://mpvue.com/mpvue/quickstart.html（mpvue快速上手教程）

二、路由功能代碼實(shí)現(xiàn)

mpvue對(duì)vue-router的支持不好，因此還是采用小程序原生的navigator組件實(shí)現(xiàn)路由功能。下面介紹在mpvue中，如何實(shí)現(xiàn)路由功能：

1、在第一步中，創(chuàng)建的工程中./src下已包含main.js、app.json兩個(gè)個(gè)文件。main.js為工程入口，掛載應(yīng)用。另外，其中所有路由地址都要添加到app.json文件中。

2、app.json文件中涉及到的所有路由頁(yè)面，都要放在./src/pages文件夾下。這里需要注意的是，pages下的每個(gè)文件夾中一定要包含*.vue、main.js文件。這樣，涉及到的頁(yè)面都可以加載到應(yīng)用上。

3、頁(yè)面上通過(guò)微信小程序組件接口wx.navigateTo實(shí)現(xiàn)路由功能。

三、前后臺(tái)調(diào)用

微信小程序中不能支持axios組件，因此選用flyio組件做http請(qǐng)求插件。因此，在工程入口src/main.js中引入flyio。開(kāi)發(fā)環(huán)境一般是通過(guò)局域網(wǎng)中ip+端口調(diào)用后臺(tái)接口。仿真環(huán)境則只能用https+域名方式訪(fǎng)問(wèn)。下面分別介紹兩種情況下，搭建環(huán)境注意事項(xiàng)：

1、開(kāi)發(fā)環(huán)境前后臺(tái)調(diào)用：微信小程序開(kāi)發(fā)工具->詳情->不校驗(yàn)合法域名...，勾選上。

2、仿真環(huán)境前后臺(tái)通過(guò)域名調(diào)用：小程序管理平臺(tái)->服務(wù)器域名->request合法域名，添加需要訪(fǎng)問(wèn)的后臺(tái)域名。

完成上述設(shè)置后，前后臺(tái)已可以成功調(diào)用。