响应式网站设计（9）-Node.js启动server

叁歲伎倆 2021-09-16 04:40 438阅读 0赞

## Node.js启动server ##

在已经完成的项目中，我们发现只能通过localhost访问，网址为：[http://localhost:63342/xxxxxxxx][http_localhost_63342_xxxxxxxx]；在其他设备上访问该地址是不可以的。如何解决这个问题呢？基于node.js的轻量级的http服务器可以解决该问题。具体的使用步骤如下：

1、安装

npm install http-server -g

![70][]

2、启动

http-server [path] [options]

![70 1][]

此时，我们访问：[http://192.168.0.104:8080][http_192.168.0.104_8080] 即可；

3、我们还可以修改端口号，避免端口被占用。比如修改端口号为：8888

http-server src -p 8888

![70 2][]

此时，我们访问：[http://192.168.0.104:8888][http_192.168.0.104_8888] 即可；

备注：详情请参考：[https://github.com/indexzero/http-server][https_github.com_indexzero_http-server]

[http_localhost_63342_xxxxxxxx]: http://localhost:63342/ResponsiveWebPage/src/index.html?_ijt=inqdgph9ctk0id5436opiataet
[70]: /images/20210802/dc2a127303894a819315c361e1d54663.png
[70 1]: /images/20210802/65812a5885c94019b93aac8bacd7cad4.png
[http_192.168.0.104_8080]: http://192.168.0.104:8080
[70 2]: /images/20210802/bd60f0a77c194195885d2cb6eaba3fc0.png
[http_192.168.0.104_8888]: http://192.168.0.104:8888
[https_github.com_indexzero_http-server]: https://github.com/indexzero/http-server

发表评论取消回复

表情：

评论列表（有 0 条评论，438人围观）

还没有评论，来说两句吧...

相关阅读

相关如何加速响应式网站

日期：2013-9-6 来源：[GBin1.com][] [![如何加速响应式网站][title.jpg]][title.jpg 1] 响应式网站设计在最近的十年中早已是

逃离我推掉我的手/ 2022年10月06日 11:56/ 0 赞/ 307 阅读

相关响应式设计

最近响应式设计很火，而我对其的理解也比较片面，向总的来写一篇关于响应式的笔记。。。~ 我以前对响应式的理解或许更多集中在对于不同屏幕有不同的响应，也就是使用媒体查询功能来实现

一时失言乱红尘/ 2022年07月27日 14:58/ 0 赞/ 360 阅读

相关响应式网站的开发

什么是响应式网站？响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。页面的设计与

ゝ一纸荒年。/ 2022年05月10日 01:04/ 0 赞/ 427 阅读

相关用于响应式设计的9个CSS技巧

摘要: 本文将介绍一些简单的CSS设计技巧，包括取消下划线、设计响应式视频、背景图片的设置以及相对值等。这些技巧可以适用于各种类型的网站，而且对于后期的网站维护也十分方便。 .

逃离我推掉我的手/ 2022年03月18日 01:53/ 0 赞/ 341 阅读

相关响应式网站设计（10）-兼容性处理

兼容性处理浏览器现在主流的浏览器大多自带调试工具，可以通过快捷键 F12 调出。Firefox除了自带的调试工具外，通常可以使用Firebug调试工具；

痛定思痛。/ 2021年09月16日 04:44/ 0 赞/ 563 阅读

相关响应式网站设计（9）-Node.js启动server

Node.js启动server 在已经完成的项目中，我们发现只能通过localhost访问，网址为：[http://localhost:63342/xxxxxxxx]

叁歲伎倆/ 2021年09月16日 04:40/ 0 赞/ 439 阅读

相关响应式网站设计（8）-广告轮播

广告轮播应用场景在制作响应式网站

川长思鸟来/ 2021年09月16日 04:36/ 0 赞/ 558 阅读

相关响应式网站设计（7）-打印样式

打印样式打印样式，顾名思义是网页打印专用的样式。对应需要打印的网页，可以专门添加打印样式。打印样式的主要作用的是去除背景颜色，去除阴影，换行处理等等。具体代码如下：

以你之姓@/ 2021年09月16日 04:32/ 0 赞/ 498 阅读

相关响应式网站设计（6）-媒体查询

媒体查询调试工具在PC端样式设置完毕之后，我们需要适配移动端。首先，我们选择的设备类型不是某一种设备，而是responsive。另外，我们可以打开标签和

我不是女神ヾ/ 2021年09月16日 04:32/ 0 赞/ 472 阅读

相关响应式网站设计（1）-理论

响应式网站设计响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。响应式

系统管理员/ 2021年09月16日 04:14/ 0 赞/ 583 阅读