前端内网静态文件服务器 node中的anywhere访问 vue 项目

本文介绍如何在电脑上使用anywhere工具,实现在内网环境下,通过HTTP访问本地Vue项目的方法。从安装anywhere、配置Vue项目到设备连接访问,一步步详解操作步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 问题描述

需求:本地终端启动一个vue项目,然后内网设备都可以通过网址的形式即可访问该本地项目。
效果如图:
(电脑端本地启动项目,如下图)
在这里插入图片描述
(手机端-http://192.168.0.104:8080/ 效果如下图)

2. 使用 anywhere 实现

2.1 安装 anywhere

在终端打开项目目录,执行npm install anywhere -g命令安装anywhere;安装成功后,执行anywhere成功结果如下图:

在这里插入图片描述

2.2 修改配置信息,重启项目

打开 vue 项目目录下 config/index.js,修改如下:【执行npm run dev启动项目】
在这里插入图片描述

2.3 设备与启动电脑连接同一个wifi之后,输入IP+项目启动端口即可访问该项目。如果是打开默认端口号,还可以访问该目录下的文件。如下图:

在这里插入图片描述

常用命令
  • anywhere -p 8001 // 指定8001端口号
  • anywhere -s // 静默启动,不打开浏览器
  • anywhere --help
    Usage:
    anywhere --help // print help information
    anywhere // 8000 as default port, current folder as root
    anywhere 8888 // 8888 as port
    anywhere -p 8989 // 8989 as port
    anywhere -s // don’t open browser
    anywhere -h localhost // localhost as hostname
    anywhere -d /home // /home as root
    anywhere -l // print log
    anywhere -f // Enable history fallback
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值