记录下vux开发微信h5遇到的坑

1.搭建项目

vue init airyland/vux2 webapp

2.使用less进行开发，style标签加上lang=less，需要先安装less-loader

(vux官网的theme是通过less实现的，因此就用了less开发...)

npm install less less-loader --save-dev
主题是引用的官网theme.less文件，按需求就行修改，如@dialog-button-text-primary-color: #ff0066;

3.请求引入了AjaxPlugin; 微信分享使用了WechatPlugin

另外遇到一个坑，H5不能使用自定义按钮进行微信分享，只能通过微信自带的分享进行实现，

通过接口得到数据，注入wx.config(data);

4.路由开启mode:'history'；微信分享会自动将url中#后面的数据全部删除

5.合理利用vux的组件，减少无用功

6.关于微信分享：

苹果在微信中浏览器机制和安卓不同,有IOS缓存问题，和iOS优化了单页应用，

安卓进行页面跳转分享时会刷新当前的url,而苹果不会，苹果是通过历史记录进来的，不会刷新url所以会导致签名失败

所以进行跳转的时候使用window.location.href强制刷新页面

7.打包问题  npm install --save-dev cross-env

 

官方文档很清楚了，注意下打包时候的各种判断就ok了，这样就可以通过不同的NODE_ENV进行打包了