vscode 1.37.1
node 12.14
首先假设项目目录已经使用npm init初始化。然后需要使用npm add express添加express包。
在项目目录中,添加文件结构如图。static文件夹下面放要作为静态HTTP内容的文件(static里边的js也好html也好都不会被服务器运行,只是当文本处理),staticapp.js作为nodejs执行入口。
打开package.json,在scripts里边加一项,start命令为node staticapp.js
接着,编写staticapp.js。代码很短,只需要引入express,创建app对象,添加静态文件的路由到/static,然后最后监听8124端口。
接着,就可以在该文件夹下,使用npm start命令启动该服务器了。
打开浏览器,按照路由规则,输入如图路径,即可获取文件。
1、首先假设项目目录已经使用npm init初始化。然后需要使用npm add express添加express包。 2、在项目目录中,添加文件结构如图。static文件夹下面放要作为静态HTTP内容的文件(static里边的js也好html也好都不会被服务器运行,只是当文本处理),staticapp.js作为nodejs执行入口。 3、打开package.json,在scripts里边加一项,start命令为node staticapp.js 4、接着,编写staticapp.js。代码很短,只需要引入express,创建app对象,添加静态文件的路由到/static,然后最后监听8124端口。 5、接着,就可以在该文件夹下,使用npm start命令启动该服务器了。 6、打开浏览器,按照路由规则,输入如图路径,即可获取文件。
如果遇到问题,可以在下面提出疑问。