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.js中的模块系统，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-04-04
这篇文章主要介绍了node.js调用C++函数的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
Windows系统下Node.js安装以及环境配置的完美教程
相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼,下面这篇文章主要给大家介绍了关于Windows系统下Node.js安装以及环境配置的完美教程,需要的朋友可以参考下2022-06-06
node+express框架中连接使用mysql(经验总结)
这篇文章主要介绍了node+express框架中连接使用mysql(经验总结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
Node.js报错信息Error: Cannot find module 'XXX'问题及解
这篇文章主要介绍了Node.js报错信息Error: Cannot find module 'XXX'问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
在Node.js中使用定时器是一项常见且重要的任务,本文主要介绍了Node.js使用定时器的三种方法,包括setTimeout、setInterval和setImmediate等方法,感兴趣的可以了解一下2024-02-02
本篇文章主要介绍了express如何使用session与cookie的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
任务（Tasks）是grunt的核心概念，你所做的很多工作比如资源合并（concat）、压缩（uglify）都是在配置任务。 每次grunt运行的时候，你指定的一个或多个任务也在运行，如果你没有指定任务，那么一个默认名为“default”的任务将自动运行。2014-06-06
本篇文章主要介绍了Express使用html模板的详细代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
随着node、react同构等技术越来越广泛地使用, 内存泄漏的事情时有发生,应当引起足够的重视，本文主要介绍了Node的内存泄露，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-05-05
最新评论