微信小程序：mpvue+flyio

最新推荐文章于 2022-12-28 16:12:32 发布

Daisy_web

最新推荐文章于 2022-12-28 16:12:32 发布

阅读量509

点赞数 1

CC 4.0 BY-SA版权

文章标签：小程序 mpvue+flyio

本文链接：https://blog.youkuaiyun.com/weixin_37826371/article/details/88658514

博客介绍了mpvue项目的创建步骤，包括全局安装vue-cli、创建新项目、安装依赖和启动构建。还阐述了flyio在mpvue中的使用，如用NPM安装、在小程序引入，以及集中式配置与请求，给出了config.js和my-api.js代码示例及在index中的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mpvue项目创建

1、全局安装vue-cli

npm install --global vue-cli

2、创建一个基于 mpvue-quickstart 模板的新项目

 vue init mpvue/mpvue-quickstart my-project
 //这是vue旧版本创建项目方法，如果init报错需要运行vue init,创建项目过程中跟着命令行的引导填写项目配置信息（可以选择全部enter）

3、安装依赖

cd my-project
npm install

4、启动构建

npm run dev
至此，mpvue项目构建完成，下一步可以打开微信开发者工具，将新建的项目引进去就可以看到小程序运行的结果

flyio在mpvue中的使用

1、使用NPM安装flyio

npm install flyio

2、在小程序中引入flyio

var Fly=require("flyio/dist/npm/wx")
var fly=new Fly()
//添加全局配置、拦截器等
Vue.prototype.$http=fly //将fly实例挂在vue原型上

这种方式使用flyio可能会使你的框架不那么整洁，推荐使用 3、flyio集中式配置、请求