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

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

慕课网微信点餐系统之商品信息加载不出来解决方案_第1张图片

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

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

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

折腾中。。。

折腾中。。。

折腾中。。。

一天过去了

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

慕课网微信点餐系统之商品信息加载不出来解决方案_第2张图片

这些字段(仔细看红色框部分),在我们后台是没有的给他做返回数据的;

解决方案:

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

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

慕课网微信点餐系统之商品信息加载不出来解决方案_第3张图片

(网络延迟比较慢,图片没加载出来)


                                       windown环境搭建

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

慕课网微信点餐系统之商品信息加载不出来解决方案_第4张图片

  1. Vue.js 环境搭建 
  • 安装node.js
  • 官网:https://nodejs.org/en/
  • 下载地址:https://nodejs.org/en/download/
  •  根据自己的电脑安装不同的版本
  • 慕课网微信点餐系统之商品信息加载不出来解决方案_第5张图片

下载完后,直接点击下一步,下一步就好,安装好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

慕课网微信点餐系统之商品信息加载不出来解决方案_第6张图片

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

慕课网微信点餐系统之商品信息加载不出来解决方案_第7张图片

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

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

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

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

                                                             

 

你可能感兴趣的:(spring,boot,微信点餐)