目前尝试了两种方式。一种是Nginx, 一种是NodeJS服务器。最终推荐NodeJS。 1. Nginx启动静态页面 1.1....安装 下载安装Nginx，在Mac下安装如下： brew install nginx 1.2 配置 Mac通过brew安装后的配置文件位于：/usr/local/etc/nginx....通过NodeJS的本地服务器 本次选用http-server 2.1 安装 npm install http-server -g 2.2 启动 http-server [path] [options]...to 8080) -a Address to use (defaults to 0.0.0.0) -d Show directory listings (defaults to 'True') -i...Display autoIndex (defaults to 'True') -g or --gzip When enabled (defaults to 'False') it will serve
因为他只需要安装过得这些包的名称就可以了，到他自己的电脑上再安装就可以了。 package.json就是记录所有安装的包的信息的文件。 生成方法 运行npm init初始化一个项目。...举例：尝试安装Express并查看package.json npm install --save express ? 安装之后出现很多包，这些都是express依赖的包。...http-server举例说明 再比如我们安装http-server npm install -g http-server ? 安装在了这个目录下新增的一个文件，叫做http-server ?...npm install -g的时候安装在全局目录下，npm install不带-g的时候安装在当前目录下，如图 ?...如果是全局安装，那么直接就可以用了，因为Mac中 /usr/local/bin 是包含在path里面的。 ?
我有一个Linux环境运行的程序，需要临时运行在公司内网，为了避开报备网卡mac地址的麻烦，我把程序放到Parallels Desktop虚拟机Linux环境中运行，然后把Linux运行程序的服务端口映射到物理机...image-20201207084349049 获取物理机ip地址 Mac/Linux 命令行运行 ifconfig | grep inet Windows命令行运行 ipconfig ?...202012073854297 如果是网页服务，推荐使用http-server，作为静态服务程序，http-server默认允许来自局域网的连接，http-server全局安装方式npm i http-server...-g ，在网页文件夹运行 hs -o 小结 虚拟机软件的端口映射功能，可以让Linux和物理机系统进一步融合。...用Linux做开发环境，可以避开很多Windows文件系统的坑，换电脑时，将虚拟机导出为ovf，无感知轻松迁移到任何平台。
背景 学习前端开发，想要调试静态页面以及js，发现直接打开本地会有跨域异常，因此需要启动一个静态服务器，只负责当前目录的文件路由， 目前尝试两种方案： nginx http-server nginx...安装 brew install nginx 配置 Mac通过brew安装后的配置文件位于：/usr/local/etc/nginx....http-server http-server[1]是基于node.js的HTTP 服务器，它最大的好处就是：可以使用任意一个目录成为服务器的目录，完全抛开后端的沉重工程，直接运行想要的js代码 安装...npm install -g http-server 启动 http-server就可以以 该目录为根目录启动一个服务器 http-server [path] [options] path是目录的路径名称...": { "dev": "http-server -p 8900" }, 参考资料 [1]http-server: https://github.com/indexzero/http-server
而基于http协议的http-server就是一个不错的选择 2、处理页面跨域 当页面含有跨域的请求，此时可以利用http-server，使用命令 http-server -p 8080 -P https...://abc.org //-p 本地运行端口 -P 将所有无法在本地解析的请求代理到给定的URL进行处理 3、验证前端页面是否打包正常 现在的项目很多都前后端分离的架构，前端通常会打包dist文件丢到测试或者其他环境...可以通过命令 node -v 验证是否已经安装node.js 通过npm进行安装 npm install http-server -g 注： 如果在安装过程中，发现安装太慢，可以先配置淘宝镜像，...（默认为0.0.0.0） -d显示目录列表（默认为true） -i显示autoIndex（默认为true） -g或者--gzip当启用（默认为false）时，它将..../public/some-file.js当文件的gzip压缩版本存在且请求接受gzip编码时。
在安装完成后，可以测试 node 和 npm（即上面说的 node 包管理器）的版本。 node -v npm -v 2.下载 Swagger-editor 和 Swagger-ui。...npm install -g http-server http-server –p 8081 swagger-editor 4.启动 http-server，出现如下的输出： http-server...swagger-editor 图3：配置成功提示 需要注意一点，这里我们将 swagger-editor 安装在 D 盘的 swagger 文件夹下，而非 C 盘的默认路径，在输入启动命令时需要先找到存储位置的上一级目录...图4：swagger-editor 存储结构 此时，便可以在网页上输入 http://localhost:808，或者输入 shell 中提示的地址登陆 Swagger-editor 了，...如果输入网址出错，可以先尝试更换浏览器重新进入。
而基于http协议的http-server就是一个不错的选择 2、处理页面跨域 当页面含有跨域的请求，此时可以利用http-server，使用命令 http-server -p 8080 -P https...://abc.org //-p 本地运行端口 -P 将所有无法在本地解析的请求代理到给定的URL进行处理 3、验证前端页面是否打包正常 现在的项目很多都前后端分离的架构，前端通常会打包dist文件丢到测试或者其他环境...可以通过命令 node -v 验证是否已经安装node.js [node.js安装验证.png] 通过npm进行安装 npm install http-server -g 注： 如果在安装过程中，发现安装太慢...默认为0.0.0.0） -d显示目录列表（默认为true） -i显示autoIndex（默认为true） -g或者--gzip当启用（默认为false）时，它将..../public/some-file.js当文件的gzip压缩版本存在且请求接受gzip编码时。
/code RUN npm install && npm run build && npm install -g http-server EXPOSE 80 CMD http-server ....如果没有新的安装包需要下载，则再次构建镜像时，无需重新构建依赖。则可以在 npm install 上节省一半的时间。...如 RUN git clone ，如果命令字符串没有更新，则将使用缓存，当命令是非幂等性时，这将有可能导致问题。.../public -p 80 在 CI 环境下主要做了一点改动：使用 npm ci 代替 npm i，经实验，npm ci 可以减少将近一半的的依赖安装时间。...而在生产环境下也有对静态资源上 CDN 的强烈需求。 此时镜像大小会控制在 20M 以下。
Http-server是基于nodejs的http服务器，它最大好处就是： 可以使任意一个目录成为服务器的目录，完全抛开后台的沉重工程，直接运行想要的js代码。 ...1 安装nodejs 为了运行http-server，首先要安装nodejs。 ...可以参考前一篇帖子，安装Nodejs 2 使用npm安装http-server 这里注意要使用-g选项，安装成全局的，这样我们才可以在任意的目录使用。 ...输入下面的命令： npm install http-server -g 3 在任意目录运行： http-server就可以以该目录为跟启动一个服务器 ? ...当有任何访问时，服务器端命令行也会弹出访问历史。 ? 如果不想使用，直接ctrl+c退出即可。
区分 window 和 mac 打包 我们的开发平台在 mac 上，通过执行 npm run make 可以默认是打包了 mac 平台的安装包。...electron 中整合打包的 dist 文件 我们运行 dist 文件，其实就是起一个本地服务就行了。这里，我们使用 http-server 来运行。...PS：当然，我们也可以使用 koa，express 等 假设我们已经安装好了 http-server 依赖，那么，我们进入项目根目录，直接执行 http-server -p 8082 dist/ 就可以在浏览器...那么，我们怎么在 electron 中运行它呢？...我们 npm run start 运行之后，项目的效果如下图： 参考 Ant Design of Angular 创建您的第一个 electron 应用程序 http-server
在进行前端页面开发时，为了调试方便，需要在本地启动一个静态文件服务器，而不需要与后端api服务一起部署。 常用静态文件服务器 01. anywhere 使用简单，需要nodejs环境。...安装：npm install anywhere -g 使用：anywhere --help 在任何需要访问静态文件的地方，直接运行即可访问：anywhere -p 8080 详见：https://...安装：npm install http-server -g 使用：http-server [path] [options] 在任何需要访问静态文件的地方，直接运行即可访问：http-server -...以python-3.6.3为例，直接在windows上运行安装文件python-3.6.3.exe，安装成功之后可以启动访问：python -m http.server 8080 详见：https:/.../library/http.server.html 04. nginx 下载地址：https://nginx.org/en/download.html nginx是常用的静态文件服务器，同样可以用来在开发调试时使用
1.基本使用 npm i gulp-cli -g npm i gulp -D cnpm i gulp gulp-uglify gulp-concat 2.创建文件gulpfile.js键入如下 const.../bunld/js/bundle.min.js 运行命令 gulp 返回如下 $ gulp [08:51:09] Using gulpfile ~\Desktop\nodejs\gulp\gulpfile.js...sourcemap保留了之前编译的代码使代码容易调试，当出错时浏览器会通过sorcemap恢复源代码并定位错误 cnpm i gulp-sourcemaps -D const gulp = require...) Datw.style.backgroundColor='red' 我们的代码并没有Text元素，但打包时不会报错 当html引入打包后的js文件时 图片 图片 直接定位了错误信息，方便调试...cnpm i gulp-sourcemaps -D\ * gulp-watch * livereload * cnpm i -g http-server * cnpm i gulp-livereload
然后我们在浏览器里面输入： http://127.0.0.1:8000/，就可以看到如下图所示的结果了。 ? 这个命令还是有点太长了。...安装命令如下： sudo npm install http-server -g 安装完成之后，我们就可以使用 http-server 命令来启动一个 http 服务了。...// 启动一个http服务 默认端口 8080 http-server // 指定一个端口启动 http-server -p 9000 运行结果如下图所示： ?...这个我以前的博文中也有推荐过，大家可以看详情：http://blog.csdn.net/fungleo/article/details/60476466 那边是说的 mac 系统，其实和 linux 是一样一样的...安装 Browsersync sudo npm install -g browser-sync 具体怎么使用，看我上面的连接，我把最常用的，缩短成bshttp： // 编辑配置文件 vim ~/.bash_profile
前言 在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器...本文是利用node.js中的http-server，开启本地服务，步骤如下： 1 下载node.js 官网地址： https://nodejs.org 下载完成后在命令行输入命令$ node -v以及...$ npm -v检查版本，确认是否安装成功。...2 下载http-server 在终端输入： $ npm install http-server -g 3 开启 http-server服务 终端进入目标文件夹，然后在终端输入： $ http-server...-c-1 （⚠️只输入http-server的话，更新了代码后，页面不会同步更新） Starting up http-server, serving ./ Available on: http
前言 在我们进行开发时，有时候遇到通过HTTP协议对服务器的数据进行访问的需求，因此我们需要搭建一个HTTP服务器，上文已讲解了通过界面配置HTTP服务器，本文使用命令行的方式在windows下通过Node.js...的http-server服务命令去搭建一个本地服务 一、搭建前的确认工作 win+R弹出运行后输入cmd进入到windows的命令行窗口，执行http-server -v，若执行结果如下图，则说明你之前已安装了服务...，可以直接http-server开启部署服务，可以直接阅读四 若执行http-server -v结果为**‘http-server -v’ 不是内部或外部命令，也不是可运行的程序 或批处理文件...**，则先确认是否安装了Node.js和npm，若如下图所示说明已安装Nodejs，则直接去阅读 三 否则，请阅读 二 安装Nodejs 二、Nodejs安装步骤 1、安装环境 本地电脑环境：...-v均有版本号回应，说明安装成功 三、下载http-server服务 1、下载http-server服务 命令行下输入npm install http-server -g命令进行全局安装http-server
上输出的结果是： $ npm --version 6.1.0 如果你本地当前 npm 的版本大于 5.2，那么 npx 可以直接使用。...npx： $ npm install -g npx 简化本地库的调用 一般情况下，如果你希望运行本地项目非全局安装的第三方依赖库，你需要使用以下方式执行命令： $ node_modules/.bin/...它确保你始终使用最新版本的生成器或构建工具，而无需在每次使用它时进行升级。...首先你需要运行一下命令安装 angular-cli-ghpages： $ npm i angular-cli-ghpages --save-dev 假设你已经完成项目的开发，在发布到 Github Pages...，就可以通过以下的命令自动地把本地项目发布到 Github Pages 上： $ npx ngh [OPTIONS] 需要注意的是对于使用 Angular CLI 6 以上版本的用户来说，在部署时你需要指定部署的目录
在写前端页面时，经常会在浏览器运行html页面,此工具可以快速在本地启动一个http服务器 http-server可以用来干啥?...做模拟数据 做静态资源服务器 做调试、测试的前端服务器 做代理转发 *本地需要先安装node环境 1.安装http-server npm install http-server -g 2.启动参数： -...p 端口号 (默认 8080) -a IP 地址 (默认 0.0.0.0) -d 显示目录列表 (默认True) -i 显示 autoIndex (默认True) -e or --ext 如果没有提供默认的文件扩展名...(默认html) -s or --silent 禁止日志信息输出 --cors 启用 CORS via the Access-Control-Allow-Origin header -o 在开始服务后打开浏览器...-c 为 cache-control max-age header 设置Cache time(秒) , e.g.
#需要root # sudo -i # yum install -y perl # cd /opt # wget https://npm.taobao.org/mirrors/node/v6.9.2/node-v6.9.2...# make && make install 使用淘宝cnpm加速npm npm install -g cnpm --registry=https://registry.npm.taobao.org...[08:05:11] Local version 3.9.1 我用虚拟机测试，在宿主机器上访问方便，安装一下http-server。...$ sudo cnpm install -g http-server 前端开发 创建项目 $ mkdir ~/myweb $ cd ~/myweb $ cnpm init 一路回车，缺省就可以了。...$ sudo cnpm install -g browserify 项目结构调整 构建过程中，源码在src中，构建后会保存到dist中，html实际引入的是dist的。
那么，我们就可以在 package.json 上看到默认的启动和构建命令行： { "scripts": { "start": "ng serve", "build": "ng build..." } } 实际上，它等同于运行了： { "scripts": { "start": "ng serve jimmy-demo", "build": "ng build jimmy-demo...那么，我们依瓢画葫芦，在 angular.json 中进行配置项目 app02(感兴趣的读者自行尝试)。...:app02": "APPLICATION=app02 npm run buildApplication", } } 我们打包这两个项目 npm run build:app01 和 npm run...最后，我们模拟下发布查看： http-server -p 8081 dist/app01 http-server -p 8082 dist/app02 效果如下动图： 参考 NG-ZORRO http-server
代码开发完之后，要经过构建，把产物部署到服务器上跑起来，这样才能被用户访问到。...它可以在一台机器上跑多个容器，每个容器都有独立的操作系统环境，比如文件系统、网络端口等。 这也是为什么它的 logo 是这样的： 那它是怎么实现的这种隔离的容器呢？.../app EXPOSE 8080 RUN npm install http-server -g RUN npm install && npm run build CMD http-server.../dist RUN npm i -g http-server CMD http-server ....一般我们都是在 jenkins 里跑，push 代码的时候，通过 web hooks 触发 jenkins 构建，最终产生运行时的镜像，上传到 registry。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
