mui vue java_使用mui+vue框架做原生app的坑(一)

一、app连接不到后台：

1.ajax部分写的url路径错误

2.访问被拦截。

3.访问的ip和端口是否正确，这里是个统一配置的js。将一些默认配置写在里面，减少重复代码而已。

二、  app用的是缓存，全局通用，不是session。

//设置缓存信息

plus.storage.setItem("user",userInfo);

//读取本地存储，检查是否为首次启动

var showGuide = plus.storage.getItem("lauchFlag");

//仅支持竖屏显示

plus.screen.lockOrientation("portrait-primary");

mui.init({

swipeBack:true,//启用右滑关闭功能

pullRefresh: {

container: "#refreshContainer", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等

down: {

style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式

color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色

height: '50px', //可选,默认50px.下拉刷新控件的高度,

range: '100px', //可选 默认100px,控件可下拉拖拽的范围

offset: '0px', //可选 默认0px,下拉刷新控件的起始位置

auto: true, //可选,默认false.首次加载自动上拉刷新一次

callback: downpullfresh, //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；

auto: true,//可选,默认false.首次加载自动下拉刷新一次

},

up: {

height: 50, //可选.默认50.触发上拉加载拖动距离

auto: true, //可选,默认false.自动上拉加载一次

contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容

contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；

callback: uppullfresh, //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；

}

},

});

function openPage(url, id) {

mui.openWindow({

url: url,

id