( 1 ) 微信支付中间件的坑

问题简介：
近期，刚刚接手学校的一个校园食堂项目时，遇到的一个需求问题。代理方要求我们将原来的食堂项目的微信支付环节交给第三方去接手，使用微信中间件支付的形式，将这个业务承包出去。

小弟这里初入vue,结果被搞得半死，需求只需要将一个demo文件的function方法进行调用，然后将对象参数传递过去，进行相应的window.

这里是下面第三方提供给我们的demo样例。

而我要做的，也就是只要实现方法引用，变量定义，参数传递，url,类似于a标签跳转而已。

但是这里我犯了很多基础性的错误，总得原因还是自己给自己留的坑，最后还是得自己补完吧！

这里我直接，将原来的微信内置支付砍掉，实现我上面要做的工作。

这里面是原来的页面修改前代码：

之后，完全跑偏题目，哈哈，这里被第三方指出来错误 => 完全不对

之后再改后的代码如下，直接砍掉微信内置浏览器环节，因为多余，业务上面都要承接给第三方进行承包了，这里为什么还要有支付环节，直接简单url跳转，抛出一个完整的URL路径给他就行啦。

所以，我这里，要做的工作就只是简单的，将他demo的方法CTRL+C过来，然后数组变量封装、参数传递、方法调用问题。
如下图：


但是，值得注意的一点是：这里的url是我下一篇改了之后出现的bug,不是这篇的.

这篇我填写的url在下面！

自我测试开发环境：

可以跳转支付中，说明已经可以调用微信支付中间件了！
但是出现

404页面没有找到错误！

重新看原来的demo文件，这里简直是傻到了家了！

一个URL配置。后面跟着.html,不是很明显需要进行更改的吗！
所以才会出现，可以调用第三方支付中间件，这个第三方支付中间件的 function parseParams(data)方法可以进行相应调用！
但是不能支付成功，即是调用.fail的url,而url这个.html明显就是在逗我笑嘛！根本就不存在.html的url啊！