nodeJs 服务器以及中间层实践(三)

https://github.com/bartflyian/wx-front-with-server/tree/master/wx-webfront 客户端文件夹代码地址。

一,分一个客户端的文件夹出来。用vue-cli初始化一个vue项目。自己添加vue.config.js,安装配置axios,配置前端代理


proxy代理

1.简单的在app.vue中写写样式和组件。主要来看看访问接口:

访问接口

运行客户端,npm start,最后效果:


二,在这里又试了下在node服务器端的接口转发。添加 /comments 接口 ,当客户端访问接口时,在服务器端下访问网易公共接口,获取数据后可以进行数据的处理,再返回给客户端。这种方式在一些需要前端进行大量逻辑计算时,能大大减轻前端的负载,也容易进行接口的合并。


node后端添加路由


先访问网易接口,处理数据后返回给客户端
前端获取到的数据

具体代码看看git上的代码吧

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,879评论 0 1
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,139评论 1 4
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 4,181评论 0 0
  • AngularJS是什么? AngularJs(简称ng)是一个用于设计动态web应用的结构框架。首先,它是一个框...
    强哥科技兴阅读 5,000评论 0 1
  • PS:转载请注明出处作者: TigerChain地址: //www.greatytc.com/p/218...
    TigerChain阅读 26,437评论 5 70