nodejs配置express服务器运行自动打开浏览器详细步骤
更新时间：2024年01月08日 11:05:52 作者：还是大剑师兰特
在nodejs中使用express来搭建框架可以说是非常的简单方便,下面这篇文章主要给大家介绍了关于nodejs配置express服务器运行自动打开浏览器的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
前言
作为前端开发的项目，有的时候打包完后就想在本地测试是什么样子的，另外一些如cesium等程序，需要在服务的环境下才能启动三维球等。 这里使用nodejs+express搭建一个普通的服务器。
代码结构：
设置方法：
1，安装nodejs
2，创建一个文件夹，然后npm init 创建package.json
由于配置后来修改，main入口改为了server.js
3, 安装express和open组件
npm install express open --save
4, 配置server.js文件
const express = require('express')
const path = require('path')
const app = express()
const open = require('open') //npm另安装的模块
app.use(express.static(path.join(__dirname, 'html')))
open("http://localhost:7010") //打开网页
app.listen(7010, () => {
console.log('启动成功，请打开http://localhost:7010')
})
5, package.json最终配置
{
"name": "express-server",
"version": "1.0.0",
"description": "nodejs 编写的express为框架的一个html服务器",
"main": "server.js",
"scripts": {
"test": "test",
"prestart": "echo " 启动start之前 "",
"start": "node server.js",
"poststart": "start http://localhost:7010"
},
"author": "zjcopy.com",
"license": "ISC",
"dependencies": {
"express": "^4.17.1",
"open": "^8.2.1"
}
}
6，放置文件：
将静态的文件放到html文件夹中，比如一个index.html文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>nodejs显示html</title> </head> <body> <h1>成功了，激动吗？大剑师的访问者</h1> </html>
7，执行命令
npm run start
开启服务，同时打开浏览器，浏览网页
总结
到此这篇关于nodejs配置express服务器运行自动打开浏览器的文章就介绍到这了,更多相关nodejs配置express服务器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了node模块与npm包管理工具,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2021-09-09
这篇文章主要介绍了详解Node使用Puppeteer完成一次复杂的爬虫,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
爬虫，是一种按照一定的规则，自动地抓取网页信息的程序或者脚本。这篇文章通过一个案例给大家分享NodeJs实现简单的爬虫功能，感兴趣的朋友一起看看吧2018-12-12
文章介绍了Node.js中fs模块的高级用法,包括流式读写、文件监视、PromiseAPI、递归目录操作等,这些功能有助于更好地处理复杂文件操作场景,提升代码性能和可维护性,感兴趣的朋友跟随小编一起看看吧2025-02-02
本文主要介绍了Node.js发起HTTP请求的6种不同方法小结，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
better sqlite3安装node gyp原生模块编译prebuild-install
这篇文章主要为大家介绍了Nodejs关于原生模块编译node-gyp + prebuild-install (以安装 better-sqlite3为例)详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要介绍了node.js中的fs.exists方法使用说明,本文介绍了fs.exists方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了node.js正则表达式获取网页中所有链接的代码实例,使用正则表达式实现,需要的朋友可以参考下2014-06-06
这篇文章主要给大家介绍了关于利用yarn代替npm管理前端项目模块依赖的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-09-09
如何删除所有node_modules和package-lock配置文件
这篇文章主要介绍了如何删除所有node_modules和package-lock配置文件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
最新评论