npm 包 node_dev_serv 使用教程

阅读时长 3 分钟读完

介绍

node_dev_serv 是一个 npm 包,它提供了一个本地 web 服务器,在开发前端项目时可以使用,让我们不用部署到远程服务器来测试我们的页面。

安装

在终端中输入以下命令来安装 node_dev_serv:

使用

在项目的根目录下创建一个 index.html 文件,并且在该目录下打开终端,然后输入以下命令:

这样就可以开启本地 web 服务器了。

默认情况下,node_dev_serv 使用的端口号是 8080,可以在命令行中加上 --port 参数来指定端口号,如下所示:

指定根目录

默认情况下,node_dev_serv 的根目录是执行命令时的当前目录,也可以使用 --root 参数来指定根目录,如下所示:

指定跨域代理

在开发前端项目时,我们常常需要与后端接口进行交互,但是由于跨域的问题,访问这些接口会产生错误。此时我们需要使用代理。

node_dev_serv 提供了一个 -p 参数来指定代理,例如我们在本地启动了一个后端服务,其地址是 http://127.0.0.1:8081,我们可以使用以下命令将所有请求代理到该地址:

这样就可以在页面中使用 /api 来请求后端接口了。

示例代码

-- -------------------- ---- -------
--------- -----
----- ----------
------
    ----- ----------------
    -------------------- ----------
-------
------
    ----------------- -------
    --------------------
-------
------- --------------------------
-------

结论

node_dev_serv 是一个非常好用的本地 web 服务器,它的配置非常简单,同时也提供了很多有用的功能。我们可以把它当作一个工具来使用,能够大大提高我们的开发效率,推荐给前端开发者使用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005516981e8991b448cea43

纠错
反馈