慕课网微信点餐系统之商品信息加载不出来解决方案

在通过慕课网学习微信点餐系统的时候遇到 了一个比较奇葩的问题，数据能获取到，数据就是加载不出来

思考：数据能在浏览器显示出来字段也能一 一对应，但是为什么不能显示呢？？？？？？？

解决思路：在前端alert一下数据，看是否能把数据用弹框的形式显示出来？

But 对liunx 操作系统不熟悉，里面的页面也不知道在 哪；初步对vue.js学习后， 在本机搭建好一套环境（后面有简单的介绍）

折腾中。。。

折腾中。。。

折腾中。。。

一天过去了

测试结果：数据能显示出来；但是也发现了一些问题

这些字段（仔细看红色框部分），在我们后台是没有的给他做返回数据的；

解决方案：

方案1、前端：把这一部注释掉；从新打包，部署到nginx 中，重启nginx 即可

方案2、后端：添加前端未有的字段；注意：字段名一定要保持一致

（网络延迟比较慢，图片没加载出来）

---

                                       windown环境搭建

• nginx 软件的安装 官网地址：http://nginx.org/ ;下载后傻瓜式的安装；

1. Vue.js 环境搭建 

• 安装node.js
• 官网：https://nodejs.org/en/
• 下载地址：https://nodejs.org/en/download/
•  根据自己的电脑安装不同的版本
• 

下载完后，直接点击下一步，下一步就好，安装好node.js后，安装基于淘宝的npm镜像：

在cmd里直接输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回车，等待安装...

安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

在cmd命令行中 ：
        1.输入：cnpm install -g vue-cli，回车，等待安装...

        2.输入：vue，回车，若出现vue信息说明表示成功

安装好之后；cmd到前端项目的路径

cnpm install
npm run build

找到nginx 的安装路径：conf 下的nginx.conf  文件

-------------------------注意注意注意注意注意注意注意注意注意注意注意注意--------------------------

                                  vue 和nginx 安装学习建议自己先去了解一下

=================================================================================================

微信支付因为没有服务号，请问一下大佬，您们是怎么实现的，大家指点一下。。。。。。。。