d3 js-node.js服务器+D3数据可视化的问题

问题描述

node.js服务器+D3数据可视化的问题

是这样的,我最近开始自学D3,今天创建了一个最简单的网页:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>D3</title>
<script src="node_modules/d3/d3.js"></script>
</head>

<body>
<script>
d3.select("body").append("p").text("New paragraph!");
</script>
</body>
</html>

保存为index.html,双击打开,显示有New paragraph!
但是用node.js搭的http服务器来发布这个页面,再访问,得到的却是空白的
(就是file:///开头的本地文件可以正常显示D3内容,而访问node服务器127.0.0.1显示出来的页面就是空白的)

另一个例子(留意地址栏):

不知道是什么造成了这个问题,求解答

node.js服务器代码(main.js)

var app = require('express')();
var server = require('http').Server(app);

app.get('/', function(req, res){
    res.sendFile(__dirname + '/index.html');
});

server.listen(80);

解决方案

路径不对,应该修改路径,检查app.get('/', function(req, res){

res.sendFile(__dirname + '/index.html');
});

时间: 2024-11-08 18:16:40

d3 js-node.js服务器+D3数据可视化的问题的相关文章

Hapi.js —— Node.js 服务器端应用开发框架

Hapi.js 详细介绍Hapi.js 是一个用来构建基于 Node.js 的应用和服务的富框架,使得开发者把重点放在便携可重用的应用逻辑而不是构建架构.内建输入验证.缓存.认证和其他 Web 应用开发常用的功能. 示例代码: var Hapi = require('hapi'); // Create a server with a host and port var server = new Hapi.Server('localhost', 8000); // Add the route se

什么是Node.js?

  这篇文章主要介绍了究竟什么是Node.js?Node.js有什么好处?,为试图解释什么是 Node.js,本文将简要介绍一些背景信息:它要解决的问题,它如何工作,如何运行一个简单应用程序,最后,Node 在什么情况下是一个好的解决方案,需要的朋友可以参考下 Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码. 简介 如果您听说过 Node,或者阅读

13 款惊艳的 Node.js 框架——第1部分

[编者按]本文作者为 Peter Wayner,主要介绍13款至精至简的 Node.js 框架,帮助你简化高速网站.丰富 API 以及实时应用的开发流程.本文系国内 ITOM 管理平台 OneAPM 编译呈现,以下为正文的第一部分. Node.js 推出至今也有些年头了,但它就像那初生的太阳,充满朝气.人们不断地探索更新更好的平台信息发布方式,于是选择也越来越多.这些努力最终催生了多款 Node.js 框架,不论是 Node.js 爱好者还是新手,都可以尽情探索,寻求新的提升. 在下文中,笔者将

Node.js入门教程学习笔记分享(1/8)

什么是Node.js Node.js 是服务器端的 JavaScript 运行环境,它允许在后端(脱离浏览器环境)运行JavaScript代码.Node.js具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色,它实现了类似 Apache 和 nginx 的web服务,让你可以通过它来搭建基于 JavaScript 的 Web App. 要实现在后台运行JavaScript代码,代码需要先被解释然后正确的执行,Node.js的原理正是如此,它使用了Google的V

Node.js+Socket.IO实现的WebSocket群聊天室源码

首先上图上实例 聊天室地址:http://chat.52itstyle.com WebSocket简介 谈到Web实时推送,就不得不说WebSocket.在WebSocket出现之前,很多网站为了实现实时推送技术,通常采用的方案是轮询 (Polling)和Comet技术,Comet又可细分为两种实现方式,一种是长轮询机制,一种称为流技术,这两种方式实际上是对轮询技术的改进,这些 方案带来很明显的缺点,需要由浏览器对服务器发出HTTP request,大量消耗服务器带宽和资源.面对这种状况,HTM

Linux 有问必答:如何在 Linux 上安装 Node.js

Linux 有问必答:如何在 Linux 上安装 Node.js 问题: 如何在你的 Linux 发行版上安装 Node.js? Node.js 是建立在谷歌的 V8 JavaScript 引擎服务器端的软件平台上.在构建高性能的服务器端应用程序上,Node.js 在 JavaScript 中已是首选方案.是什么让使用 Node.js 库和应用程序的庞大生态系统来开发服务器后台变得如此流行.Node.js 自带一个被称为 npm 的命令行工具可以让你轻松地安装它,进行版本控制并使用 npm 的在

Node.js中内存泄漏分析

内存泄漏(Memory Leak)指由于疏忽或错误造成程序未能释放已经不再使用的内存的情况.如果内存泄漏的位置比较关键,那么随着处理的进行可能持有越来越多的无用内存,这些无用的内存变多会引起服务器响应速度变慢,严重的情况下导致内存达到某个极限(可能是进程的上限,如 v8 的上限:也可能是系统可提供的内存上限)会使得应用程序崩溃. 传统的 C/C++ 中存在野指针,对象用完之后未释放等情况导致的内存泄漏.而在使用虚拟机执行的语言中如 Java.JavaScript 由于使用了 GC (Garbag

在 Ubuntu 14.04/15.04 上配置 Node JS v4.0.0

大家好,Node.JS 4.0 发布了,这个流行的服务器端 JS 平台合并了 Node.js 和 io.js 的代码,4.0 版就是这两个项目结合的产物--现在合并为一个代码库.这次最主要的变化是 Node.js 封装了4.5 版本的 Google V8 JS 引擎,与当前的 Chrome 所带的一致.所以,紧跟 V8 的发布可以让 Node.js 运行的更快.更安全,同时更好的利用 ES6 的很多语言特性. Node JS Node.js 4.0 发布的主要目标是为 io.js 用户提供一个简

在Windows Azure工作者角色上托管Node.js

在我的前面的文章中我演示了如何http://www.aliyun.com/zixun/aggregation/32995.html">在Windows Azure 网站(即WAWS)上开发和部署Node.js 应用程序.WAWS是Windows Azure 平台中的新功能.因为它是低成本, 同时它提供IIS 和IISNode 组件,因此我们可以通过Git. FTP 和WebMatrix托管Node.js 应用程序,而无需任何配置和组件的安装. 但有时我们需要使用 Windows Azure

Node.js文件操作方法汇总_node.js

Node.js和其他语言一样,也有文件操作.先不说node.js中的文件操作,其他语言的文件操作一般也都是有打开.关闭.读.写.文件信息.新建删除目录.删除文件.检测文件路径等.在node.js中也是一样,也都是这些功能,可能就是api与其他语言不太一样. 一.同步.异步打开关闭 /** * Created by Administrator on 2016/3/21. */ var fs=require("fs"); //同步读 fs.openSync = function(path,