基于mpvue框架搭建微信小程序开发环境

2024-05-12 13:06:48

一、按照mpvue官网新建前台工程

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

二、路由功能代码实现

mpvue对vue-router的支持不好，因此还是采用小程序原生的navigator组件实现路由功能。下面介绍在mpvue中，如何实现路由功能：

1、在第一步中，创建的工程中./src下已包含main.js、app.json两个个文件。main.js为工程入口，挂载应用。另外，其中所有路由地址都要添加到app.json文件中。

2、app.json文件中涉及到的所有路由页面，都要放在./src/pages文件夹下。这里需要注意的是，pages下的每个文件夹中一定要包含*.vue、main.js文件。这样，涉及到的页面都可以加载到应用上。

3、页面上通过微信小程序组件接口wx.navigateTo实现路由功能。

三、前后台调用

微信小程序中不能支持axios组件，因此选用flyio组件做http请求插件。因此，在工程入口src/main.js中引入flyio。开发环境一般是通过局域网中ip+端口调用后台接口。仿真环境则只能用https+域名方式访问。下面分别介绍两种情况下，搭建环境注意事项：

1、开发环境前后台调用：微信小程序开发工具->详情->不校验合法域名...，勾选上。

2、仿真环境前后台通过域名调用：小程序管理平台->服务器域名->request合法域名，添加需要访问的后台域名。

完成上述设置后，前后台已可以成功调用。

基于mpvue框架搭建微信小程序开发环境相关推荐

阿里云服务搭建微信小程序开发环境
最近微信小程序异常火爆,很多人在学习,下面带着大家搭建下微信小程序的调试环境(client+server),并调试一套demo源码(JavaScript和node.js基础即可,微信推荐使用的语言,无 ...
一键搭建微信小程序开发环境及demo运行（腾讯云上一键搭建node.js服务器环境，PHP，Java，.NET服务类似）
一.首先准备下本地环境(本地就需要一个微信开发工具) 1.首先得有一个微信小程序账号,登陆微信小程序首页:mp.weixin.qq.com,点击右上角立即注册. 注册登陆后,首页填写一些小程序基本信息 ...
基于滴滴云搭建微信小程序
微信小程序自 2017 年推出以来,以其轻量级级特性,为传统移动互联网格局带来了极大的震动.相对于传统 APP,小程序无需下载,即扫即用,用完即走,极大的节省了手机的空间,提高了用户使用的便利性. 本 ...
微信小程序开发环境搭建（超详细）
微信小程序开发环境的搭建是很简单的首先我们需要是登录微信公众平台微信公众平台点击右上角立即注册注册账号类型选择小程序进入注册界面后按提示完成账号信息邮箱激活信息登记注册完成后界面如下, ...
一篇文入门微信小程序开发环境搭建
2017年小程序发布以来,经过近5年的发展,微信小程序开发已经日趋成熟.越来越多的商家已经开通了线上的电商小程序,一个是给店铺引流,另一方面也是更好的为顾客服务. 本文利用一定的篇幅讲解一下微信小程序 ...
关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案
关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案参考文章: (1)关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案 (2)https://www.cnblog ...
基于阿里云搭建微信小程序服务器(HTTPS)
https://www.jianshu.com/p/132eed84bc4f 本来是想写基于腾讯云搭建微信小程序服务器的,可惜腾讯云让我有点不好的体验,所以就先放弃使用腾讯云了.所以转而在阿里云上注册 ...
微信小程序开发环境（阿里云服务搭建+可运行的demo）
最近微信小程序异常火爆,很多人在学习,下面带着大家搭建下微信小程序的调试环境(client+server),并调试一套demo源码(JavaScript和node.js基础即可,微信推荐使用的语言,无 ...
微信小程序开发环境搭建
转载自:http://blog.csdn.net/xiehuimx/article/details/52629657 现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不 ...

最新文章

热门文章