介绍
node_dev_serv 是一个 npm 包,它提供了一个本地 web 服务器,在开发前端项目时可以使用,让我们不用部署到远程服务器来测试我们的页面。
安装
在终端中输入以下命令来安装 node_dev_serv:
npm install node_dev_serv --save-dev
使用
在项目的根目录下创建一个 index.html 文件,并且在该目录下打开终端,然后输入以下命令:
npx node_dev_serv
这样就可以开启本地 web 服务器了。
默认情况下,node_dev_serv 使用的端口号是 8080,可以在命令行中加上 --port
参数来指定端口号,如下所示:
npx node_dev_serv --port 8000
指定根目录
默认情况下,node_dev_serv 的根目录是执行命令时的当前目录,也可以使用 --root
参数来指定根目录,如下所示:
npx node_dev_serv --root ./dist
指定跨域代理
在开发前端项目时,我们常常需要与后端接口进行交互,但是由于跨域的问题,访问这些接口会产生错误。此时我们需要使用代理。
node_dev_serv 提供了一个 -p
参数来指定代理,例如我们在本地启动了一个后端服务,其地址是 http://127.0.0.1:8081
,我们可以使用以下命令将所有请求代理到该地址:
npx node_dev_serv -p /api:http://127.0.0.1:8081
这样就可以在页面中使用 /api
来请求后端接口了。
示例代码
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- -------------------- ---------- ------- ------ ----------------- ------- -------------------- ------- ------- -------------------------- -------
setInterval(function () { var date = new Date(); var time = date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds(); document.querySelector('p').innerHTML = '当前时间:' + time; }, 1000);
结论
node_dev_serv 是一个非常好用的本地 web 服务器,它的配置非常简单,同时也提供了很多有用的功能。我们可以把它当作一个工具来使用,能够大大提高我们的开发效率,推荐给前端开发者使用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005516981e8991b448cea43