前端 使用 pushstate-server 搭临时服务器

前言:

        有这么一种可能,新项目,还未部署我们的项目,但是有时候,同事又想看我们的项目,除了,在我们自己的电脑上运行项目,还可以使用pushstate-server在前端临时起一个服务器,然后给我们电脑的Ip及 pushstate-server指定的端口给到同事,然后你的同事的电脑只要和你的在同一个局域网,就可以访问到你的项目

使用流程

npm 官网看

安装

npm install pushstate-server --save

 然后在你的vue 项目的根目录下 创建一个server.js文件,下面是其文件内容

var server = require('pushstate-server');
 
server.start({
  port: 3000,    // 指定的端口
  directory: './dist' // 一般会使用打包的目录
});

console.log('服务器启动发了)

打开运行我们的项目,然后,再在终端运行 node server.js

 win + r 打开cmd ,就是这个黑框框

然后输入 ipconfig 

 将上面红框框的地址 加server.js 中指定的端口,即 192.168.3.25:3000,不同人的电脑ip不一样,根据实际情况来即可,拿到这个就可以在同一个局域网下任何一台电脑访问我们的项目了。

记得  npm  run build  将项目打一下包

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ZL随心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值