mpvue采坑记——插件引用

页面配置

mpvue的默认页面是一个xx.vue单页面组件和一个main.js文件，也就是说每新建一个页面都需要这样两个文件，而且main.js中的东西基本重复，显得比较繁琐，而且增加不必要的工作量。
这里推荐一个第三方的插件：mpvue-entry
该插件使得我们新建页面时只需要一个xx.vue文件就会自动编译成小程序规范，并且将页面路由通过一个js文件统一配置（符合vue开发的习惯），不用再放置在main.js中了

// mpvue-entry插件安装
npm i mpvue-entry -D

路由配置

因为小程序与vue的路由机制的差异，所以我们没法使用vue-router来实现路由转跳（因为vue页面转跳后，之前的页面会销毁；小程序在页面转跳后，之前的页面不会被销毁，而是转入后台；）
如果你需要使用类似vue的api来实现（可能有些项目想将已有vue代码直接编译成小程序）
这里推荐一个第三方插件：mpvue-router-patch

// mpvue-router-patch插件安装
npm i mpvue-router-patch -D

不过这个插件只是封装了基本的用法，如果想要使用场景比较复杂可能需要自己封装

服务器请求

和后端的数据交互，可以使用flyio这个插件：flyio-github
文档在这里：flyio文档

// mpvue-router-patch插件安装
npm i flyio -D

因为该插件兼容多个框架，所以要注意在小程序中的调用方式

import Fly from "flyio/dist/npm/wx"
const fly = new Fly()

• 拦截器：
  开发过程中，经常会需要对请求进行拦截，做统一的处理
  flyio一样可以使用拦截器：拦截器文档

• 配置说明：
  需要在后台的可信任域名中配置请求的地址，且只支持https请求