网站应用开发Web App Development:如何让前端与后端快速地跑起来

工作的第一个project。先从GitHub上面将repository clone下来，然后按照指示, 将网页跑起来。指示说的是

cd Company/project/client/src
npm install
npm start

然而网页并没有按期望的形式跑起来，而是只让前端跑起来，后端并没有相应。当我按前端按钮是，console还会显示一下错误：

Proxy error: Could not proxy request /favicon.ico from localhost:3000 to http://localhost:9000.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

分析

真正跑起来的两个文件分别是：1. 前端的App.js 2.后端的server.js.
所以需要解决的问题是怎样让前后端跑起来呢？

测试

得到逸哥建议后，我用curl 来测试前端后端是否能真正跑起来。由以上的error 信息提示，我可以知道前端的接口是3000 后端的接口是9000. 首先我简简单单地curl 一下前端跟后端：

curl http://localhost:3000
curl http://localhost:9000

我curl 前端得到的结果是一个html 文件， curl 后端得到的是connection refused的结果，很明显后端并没有跑起来。

让后端server 跑起来

又咨询了一下逸哥。搜索

网站应用开发Web App Development:如何让前端与后端快速地跑起来相关推荐

使用 jQuery Mobile 与 HTML5 开发 Web App (十九) —— HTML5 对 Web App 的影响
在本系列文章的开头,Kayo 曾经介绍过 Web App 的优缺点,并且说明了 HTML5 在其中起的作用,当然,Web Apps 的发展需要 HTML5 , CSS 与 JavaScript 以及后 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十五) —— jQuery Mobile 与响应式
jQuery Mobile 在刚推出的时候,曾经宣传了几个重要的特点,除了 Kayo 在本系列文章中多次介绍的"触摸屏优化"外,另外一个最直接的特点就是"响应式设计&qu ...
使用 jQuery Mobile 与 HTML5 开发 Web App (九) —— jQuery Mobile 页面与对话框
在<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 基础>中,Kayo 曾经简略介绍过 jQuery Mobile 的页面组件,当 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (七) —— jQuery Mobile 列表
如 Kayo 之前所写的文章 <使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 内容格式> 中所述,这次介绍的是 jQuery M ...
使用 jQuery Mobile 与 HTML5 开发 Web App (五) —— jQuery Mobile 表单下
在上文<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 表单上>中, Kayo 介绍了一部分 jQuery Mobile 表单组件 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (一) ——开发原则
最近专注研究 jQuery Mobile -- 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mob ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十四) —— jQuery Mobile 方法下
本文承接上文<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 方法上>,继续说明 jQuery Mobile 的方法,这部分内容主 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十三) —— jQuery Mobile 方法上
本篇介绍的,是 jQuery Mobile 的方法.对比于 jQuery 方法可以实现 DOM 遍历,动画,Ajax 等各种丰富的操作,jQuery Mobile 的方法更像是 jQuery Mobi ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十二) —— jQuery Mobile 页面事件与 deferred
在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery ...

网站应用开发Web App Development:如何让前端与后端快速地跑起来

分析

测试

让后端server 跑起来

网站应用开发Web App Development:如何让前端与后端快速地跑起来相关推荐

最新文章

热门文章