前端anywhere——前端应用启动服务

article/2025/10/7 18:30:41

有时候我们在js里需要使用模块化,将项目打包后,用浏览器直接打开dist文件夹下的index.html会报错。

这个时候我们就可以安装一个 nodejs 的第三方模块:anywhere,以服务器方式打开项目。


全局安装

需要提前安装 nodejs

npm install anywhere -g

命令介绍

仅有一个命令
命令 anywhere 会将当前目录作为服务器根目录,调用默认浏览器在默认端口 8000 打开主页。
在这里插入图片描述

$ anywhere

如果你需要指定端口:

anywhere -p 1234

甚至你可以忽略 -p,命令后面直接紧跟端口号:

anywhere 1234

如果你不想调用让浏览器直接打开主页
当你在 linux 服务器上面使用时,这会很有用。

anywhere -s

如果你想指定服务器根目录
根目录默认是命令行当前目录,但你也可以自己指定

可以指定绝对路径

anywhere /home

也可以指定相对路径

anywhere ./www

如果你想指定服务器首页
anywhere 命令会默认打开根目录下的 index.html 当做首页,你可以手动指定另外一个 html 文件当做首页。

anywhere -f login.html

如果你想指定主机名
anywhere 启动的服务器默认主机名是本机的 ip 地址,你可以指定为 localhost

anywhere -h localhost

场景

例如我今天封装了一个判断浏览器平台的方法,并写了一个 demo 页面用于测试,那么我该如何使用不同的浏览器进行测试呢?
将 html 文件分别发送到不同的终端(mac/iphone/android/windows)然后分别使用浏览器打开文件,那么就需要逐个地向每个终端发送,一旦代码不够完美需要修改,修改之后就需要重新发送,显然这样很麻烦,我们需要一个更简单的解决方案。
这时 anywhere 就可以派上用场了。利用 anywhere 快速启动一个静态服务器,在局域网内使用不同终端的各种浏览器通过 HTTP 协议进行网页访问,修改代码之后每个终端只需要刷新浏览器即可查看最新效果。甚至可以将网址转换成二维码,通过扫描即可打开网页,岂不美哉!
在这里插入图片描述


最后

如果你忘记某个参数,随时可以使用 anywhere --help 查看帮助手册。

或者查看 anywhere 文档:https://www.npmjs.com/package/anywhere


本文参考:https://www.cnblogs.com/wencaizhang/p/9838485.html


http://chatgpt.dhexx.cn/article/cAZ5qgYU.shtml

相关文章

nodejs服务器Anywhere使用

https://www.jianshu.com/p/3f0b7ea9df53 nodejs服务器Anywhere Anywhere是一个随启随用的静态服务器,它可以随时随地将你的当前目录变成一个静态文件服务器的根目录。 一,安装node 在nodejs官网下载,安装后打开cmd命令行,输入n…

InstallAnywhere 2022

InstallAnywhere 2022 增强的获取用户输入面板 - 高级- 在获取用户输入面板中添加了“如果必填字段为空则禁用下一步按钮”复选框选项,以启用/禁用通知未填写的必填字段的“下一步”按钮。 选中后,“获取用户输入”面板中的“下一步”按钮将被禁用&#…

pythonanywhere 如何创建虚拟环境?

本章教程介绍如何在pythonanywhere 上创建虚拟环境。 目录 1、打开控制台,指定python版本 2、填写你的虚拟环境路径 3、查看日志,安装依赖 1、打开控制台,指定python版本 mkvirtualenv myvirtualenv --python/usr/bin/python3.10 不指定-…

Anywhere:静态服务器的神器

Anywhere是一个静态服务器的神器,用它可以将dist文件放在本地跑,流程如下: 一:安装好了node,监测node安装是否成功 二:全局安装anywhere,npm install anywhere -g; 三、在打包好的的…

中文自动文本摘要生成指标计算,Rouge/Bleu/BertScore/QA代码实现

本部分讲述下如何计算生成摘要与参考摘要的指标,指标方面分为两类,一类基于n-grams计算,如Rouge-1,Rouge-2,Rouge-L,BLEU,主要衡量摘要的句法的连贯性,不能衡量生成摘要的真实性与忠…

相似度系列-3:传统方法ROUGE ROUGE: A Package for Automatic Evaluation of Summaries

文章目录 ROUGE: A Package for Automatic Evaluation of Summariesintroduction基础模型Rouge-NRouge_NmultiROUGE-L: Longest Common Subs equence1**Sentence-level LCS**2**Summary-Level LCS** ROUGE-W: Weighted Longest Common SubsequenceROUGE-S: Skip-Bigram Co-Occu…

评价指标BLEU,ROUGE

精确率:在预测为正的样本中,预测对的比例 召回率:在真正为正的样本中,预测对的比例 BLEU 比较候选译文和参考译文的n-gram的重合程度,unigram用于衡量单词翻译的准确度,高阶n-gram用于衡量句子翻译的流畅…

文本摘要生成评价指标——rouge

文本摘要生成评价指标——rouge rouge的作用:rouge的内容:rouge的类别:rouge的使用:rouge-N的理解:Rouge-L的理解 rouge的作用: -Rouge的全名是Recall-Oriented Understudy for GistingEvaluation&#xf…

Rouge的安装与使用

这个坑实在太深了,总结几位大佬博客,汇总了可能出现的问题。愿为后人照福吧。 步骤 1. 需要安装perl解释器(ubuntu 系统已自带, 通过perl -v可查看当前版本); 2. 需要额外安装perl解释器的XML::DOM模块以及DB_File模块,而XML::…

ROUGE评测标准

简介 ROUGE 指标的全称是 (Recall-Oriented Understudy for Gisting Evaluation),主要是基于召回率 (recall) 的。ROUGE 是一种常用的机器翻译和文章摘要评价指标。 ROUGE-N ROUGE-N 主要统计 N-gram 上的召回率 公式的分母是统计在参考译文中 N-gram 的个数&am…

python中rouge是什么程序_rouge与pyrouge使用事项

1.rouge介绍 ROUGE评价方法与pyramid,BLUE方法一起作为评价自动摘要质量的内部评价方法的三大中流砥柱。 ROUGE:recall-oriented understand for gisting evalution 2004年,Chin-Yew Lin 提出 基本思想 由多个专家分别生成人工摘要,构成标准摘要集,将系统生成的自动摘要与人…

rouge安装

环境:Linux;需要root权限 1、检查是否有perl。输入perl -v。我的版本是5.26 2、安装XML::Parser 解压后进入XML::Parser目录下;输入命令 perl Makefile.PL make sudo make install 出现问题缺少Expat,直接install失败了&…

安装rouge和pyrouge

先rouge https://blog.csdn.net/Hay54/article/details/78744912 再pyrouge https://blog.csdn.net/MerryCao/article/details/49174283 具体流程: 一,ROUGE ROUGE是由微软亚洲研究院知识挖掘组(The Knowledge Mining group at Microsoft Research Asia)…

文本摘要评测工具ROUGE的搭建和测试

文本摘要任务中最常用的评价方法是ROUGE(Recall-Oriented Understudy for Gisting Evaluation)。ROUGE受到了机器翻译自动评价方法BLEU的启发,不同之处在于,采用召回率来作为指标。基本思想是将模型生成的摘要与参考摘要的n元组贡献统计量作为评判依据。…

NLP基础知识点:ROUGE

ROUGE: A Package for Automatic Evaluation of Summaries 1. 简介 ROUGE 指标由 Chin-Yew Lin 提出, 主要用于评估机器翻译和文章生成摘要的质量,其全称是 (Recall-Oriented Understudy for Gisting Evaluation) 它主要基于召回率和n-gram 2. 预备知…

自动文摘评测方法:Rouge-1、Rouge-2、Rouge-L、Rouge-S

关于ROUGE ROUGE(Recall-Oriented Understudy for Gisting Evaluation),在2004年由ISI的Chin-Yew Lin提出的一种自动摘要评价方法,是评估自动文摘以及机器翻译的一组指标。 ROUGE基于摘要中n元词(n-gram)的共现信息来评价摘要&a…

warmup_csaw_2016

文章目录 一、查看文件二、拖入IDA pro 中反编译三、编写代码总结 一、查看文件 先file ./warmup_csaw_2016查看文件类型再checksec --filewarmup_csaw_2016检查一下文件保护情况。 二、拖入IDA pro 中反编译 用IDA Pro 64bit打开warmup_csaw_2016后按 F5 反汇编源码并查看…

linux-centOS7.9通过docker安装cwmp server:drumsergio/genieacs

一、安装环境 #查看centOS版本 [rootMiWiFi-R4CM-srv network-scripts]# cat /etc/redhat-release CentOS Linux release 7.9.2009 (Core) #自动查找最新安装包并升级 [rootMiWiFi-R4CM-srv ~]# sudo yum upgrade 二、关闭firewalld、NetworkManager、selinux 关闭防火墙、…

MCP\eMCP\uMCP

MCP\eMCP\uMCP MCP是什么?MCP的结构详细的介绍具体的厂商及搭配参考 MCP是什么? MCP,即Multi-Chip-Package简称,中文意思是多制层封装芯片,即记忆体NOR Flash、NAND Flash、Low Power SRAM及Pseudo SRAM等堆叠封装成一…

关于CWMP基础(二)----TR069通信流程

1.通信流程图 建立TCP连接SSL初始化,进行加密建立安全机制由CPE端发起HTTP请求,发送Inform报文,开始建立CWMP连接。Inform中使用Eventcode字段描述发送Inform请求的原因 如 6 CONNECTION REQUEST ,表示ACS要求建立连接。如果ACS通…