本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点，仅为前端部分，如有疏漏不正之处，请于文末评论探讨。注意：标红部分灰常重要，仔细阅读官方文档非常重要，耐心非常重要，细心非常重要。
一、支付宝h5支付
支付宝h5支付操作起来是超级简单的，前端关键代码如下：
this.$http.getTradeNo(lastParams).then(res=>{
this.$http.doPayAlipay({
oid: res.data, // 取到的交易订单号
url: yourBackUrl // 成功后的回调地址
...
一个基于vue的h5项目，并使用了h5 history模式（即去掉了#号），并同时兼顾公众号内嵌（安卓环境、IOS环境）、安卓app内嵌和基本的网页使用。主要入口为公众号的菜单，当然也可以是直接点链接进入，亦或者扫码进入，也可以是从已经分享出来的链接点击再进入等等。
由于是基于vue的SPA应用，所以每个页面的标题和描述都是一样的。尽管做了动态更改title和desciption，但分享出去后的显示效果仍然达不到要求，而且ios版本的微信分享出去的链接也存在不准确的问题，基于此，决定使用微信的JSSDK。微信JS-SDK说明文档https://mp.weixin.qq.com/wi...
对于像我这种用惯了Win7系统的人来说，换成win10之后总感觉各种不适应，图片查看器便是其中之一，总感觉没有win7的windows照片查看器好使，于是网上搜了下发现竟然可以变回去。。真是极好的，下面分享记录下。
新建txt文件并放入以下代码然后保存关闭。
Windows Registry Editor Version 5.00
; Change Extension's File Type
[HKEY_CURRENT_USER\Software\Classes\.jpg]
@="PhotoViewer.FileAssoc.Tiff"
; Change Extens...
1、资源引用路径问题
npm run build构建生产包，默认会生成一个dist文件夹，里面包含入口文件index.html的资源文件夹static。
然而现在问题来了，浏览器中打开index.html毫无反应，打开控制台可以看到是默认使用了绝对路径引起的，打开config/index.js文件，将build配置项assetsPublicPath的值改为'./'或者''即可；build的同时还生成了Source Maps，可将productionSourceMap的值设为false以关闭。
上面虽然解决了index.html中资源路径的引用问题，但是仍然有一些资源...
安装步骤
0、使用命令 cd ~ 切换到home目录（以前没用过linux系统，预防装在了错误的目录）
1、使用命令 yum groupinstall "GNOME Desktop" "Graphical Administration Tools" 安装Gnome包（过程稍微有点长）
2、使用命令 ln -sf /lib/systemd/system/runlevel5.target /etc/systemd/system/default.target 更新系统的运行级别
3、使用命令 reboot...
用VMware虚拟机装了个CentOS7系统，用yum安装东西时提示Cannot find a valid baseurl for repo: base/7/x86_64如上图，搜索后发现是因为CentOS7默认不启动网卡导致连不上网络所致的，可用以下方案解决：
1、使用命令 cd /etc/sysconfig/network-scipts 进入到/etc/sysconfig/network-scipts文件夹下
2、使用命令 ls 罗列出该文件夹下所有文件，ifcfg-e开头的文件既是我们需要操作的网卡配置文件（我这里是ifcfg-ens...
之前是写angularJS的，现在转到Vue，一开始傻傻滴以为它也自带了http服务，然而并非如此。
在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。
权衡利弊之后最终选择了axios，毕竟辣么哆人在用它，也能满足项目需求。下面记录一些使用过程中遇到的问题。
官方源码及文档：https://github.com/axios/axios
这里还有个不错的中文“说明书”：vue2.0项目实战（3）使用axios发送请求
具体使用方法以及拦截器...
1、点击文件时在新标签打开
首选项 > 设置，搜索"workbench.editor.enablePreview"改为false即可
2、使用vetur时在下面这种情况报错，然而是不该报错的
[eslint-plugin-vue]
[vue/require-v-for-key]
Elements in iteration expect to have 'v-bind:key' directives.
首选项 > 设置，搜索"vetur.validation.template"改为false即可
{
...