vue使用http-server看手机上的效果

最新推荐文章于 2023-09-18 15:37:35 发布
最新推荐文章于 2023-09-18 15:37:35 发布
阅读量573 收藏
点赞数
分类专栏： 前端 文章标签： 前端 http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/init_yanxiao/article/details/121656372
版权

今天想看下签名版这个组件在手机端的效果，不过是vue项目，接下来我们看一下怎么操作
手机端和PC端必须要在同一个IP下访问
在这里插入图片描述
首先在项目终端 使用命令
npm run build
在这里插入图片描述
打包成功
在这里插入图片描述
在这里插入图片描述打开dist文件
在这里插入图片描述
输入CMD 打开小黑框
在这里插入图片描述
接下来输入这些命令

npm install http-server -g // 下载

输入http-server
在这里插入图片描述
然后连接Ip

颜笑·
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue-cli打包后本地查看起http-serve服务——基础积累
yehaocheng520的博客
05-10 1611
vue-cli打包后本地查看起http-serve服务
1：利用http-server测试vue-cli打包后的项目
jdBug
03-20 1269
目前在练习Vue，利用vue-cli脚手架开发了个vue2.0仿唯妮海购项目，在生产环境中一切良好，项目暂时告一段落，根据官方的npm run build打包后发现，在自己没有线上服务器的情况下，测试成为一大难题（实践发现，后面还有很多坑等着去填~~）。 1：打包测试（搭建服务器） 打包后的代码必须放在服务器下才能运行哦！直接双击index.html是不行的。 利用node.js的 http-se...
vue 请求接口返回本地自定义json数据，http-server服务测试是数据，同步修改
hui_54520的博客
05-30 1666
vue 请求接口返回本地自定义json数据，http-server服务测试是数据，同步修改
vue 建立项目与http-server的服务应用
测试
12-27 511
使用国内镜像的cnpm安装：1、npm install -g cnpm --registry=https://registry.npm.taobao.org2、cnpm install -g vue-cli3、vue init webpack Vue-Project4、cnpm install5、npm run dev更改端口号的配置文件为index.js文件------------...
使用http-server开启一个本地服务器
weixin_30855099的博客
06-02 512
前言 在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。 本文是利用node.js中的http-server，开启本地服务，步骤如下： 1 下载node.js 官网地址： https://nodejs.org 下载完成后在命令行输入命...
vue-typescript-admin-mock-server:for vue-typecript-admin-template项目的模拟服务器
04-29
Vue TypeScript管理模拟服务器 项目的模拟服务器演示链接（由vue-typecript-admin-template使用）概述此项目中api文件夹下的javascript代码是从的打字稿源代码生成的（通过在此目录中运行tsc命令）。 唯一的手动更改...
vue使用v-for实现hover点击效果
10-17
hover是css中的选择器，用于选择鼠标指针浮动在上面的元素。这篇文章主要介绍了vue使用v-for实现hover点击效果,需要的朋友可以参考下
Vue使用vue-area-linkage实现地址三级联动效果的示例
12-09
网上有很多插件，在此介绍Vue的一款地区联动插件：vue-area-linkage，下面介绍如何使用这个插件实现地址联动效果： 1.安装vue-area-linkage插件：npm install --save vue-area-linkage --registry=...
vue 翻页组件vue-flip-page效果
10-15
主要介绍了vue 翻页组件vue-flip-page，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue使用json-server进行后端数据模拟功能
10-18
主要介绍了Vue使用json-server进行后端数据模拟功能,非常不错，具有参考借鉴价值,需要的朋友可以参考下
利用http-server测试vue-cli打包后的项目
qq_33718889的博客
03-22 1117
  目前在学习Vue，利用vue-cli脚手架开发的项目，在生产环境中(npm run dev)一切良好，根据官方的npm run build打包后发现，在自己没有线上服务器的情况下，测试成为一大难题。 1. 打包测试（搭建服务器）   打包后的代码必须放在服务器下才能运行，直接双击index.html是不行的。   下面介绍一种利用node.js的 http-server搭建一个简单的http服...
http-server的安装和使用(vue 打包后项目运行)
小鱼尔呀
03-12 1975
1.http-server是一个简单的node服务器，可以用它来运行打包后的项目 2.安装： npm i -g http-server 3运行： http-server 4.停止 ctrl + c
【笔记】linux下将vue项目部署到http-server（node和npm匹配更新、后台启动服务screen、http-server处理跨域）
程序边界
12-02 671
node和npm版本更新 为了两者版本匹配，建议全部更新： 首先删除如下内容： C:\Users\Administrator\AppData\Roaming\npm C:\Users\Administrator\AppData\Roaming\npm-cache 到”Download | Node.js“下载最新稳定版，覆盖安装到原位置（where node） 使用http-server HTTP服务器-NPM http-server 后台启动 服务器 centos 首先执行 yum insta
通过http server访问vue build之后的文件
weixin_38552195的博客
07-02 691
问题来源 npm 工具类项目需要展示给公司的很多人，因此需要在线上发布，发布的时候报错，无法发布成功。 衍生问题-- 如何在本地运行build之后的html文件 如果右键打开会报上面的错误，仔细一看，直接右键打开的方式，用的是file协议，如果需要引入依赖的话，需要使用http协议，因此需要在本地安装http server 在本地运行dist目录下的html文件，需要安装 http server 使用http-server开启一个本地服务器 问题本质 因为原来该项目只是一个工具类项目，不需要单独发布，因
对 node.js、npm、webpack、vue、vue-cli、http-server 的理解
weixin_54257705的博客
09-18 173
为什么用框架开发和原生开发有这么多的不同，刚开始入门的时候不是直接在项目中应用 vue.js 就可以使用了吗，为什么后面用脚手架这么麻烦，又要安装配置 node.js 环境，又要 npm 包管理器，又要安装 webpack 等等等等，于是总结了下面的问题，这些问题的答案直到自己尝试去搭建 vue-cli 项目的时候才逐渐清晰
Vue 使用 http和https问题（以及跨域问题）
热门推荐
LZD30的博客
08-22 4万+
在Vue项目的config/index.js 里面添加代码： module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', // =================== 该属性为添加内容 start==================== ...
http和https的区别
前端菜鸟
02-20 862
　超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 　　为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输的安全，HTTPS在HTTP的基础上加入了SSL协议，SSL依靠证书来验证服务器的身份，并为浏览器和服务器之间的通
使用http-server 创建本地服务器，然后手机连接预览网页，附带连接不上的解决方法
业余前端的职业经历
12-22 1499
如果做h5 的页面的话 如果单纯就在 谷歌的模拟器上进行测试的话 明显是不够的 得在真实的环境下进行测试才更有效果 直接 npm install http-server 然后在一个项目目录中直接 http-server 默认是监听 8080 端口 然后 手机和pc 在同一个局域网下 就可以 进行预览页面 查看在真实手机下的情况了 记得 吧 ip 地址 发给手机 就是我图中指向的那个地址 如果连接 不上 确认开启成功了 那就 把防火墙关闭了 试试看 ...
vue http-server
最新发布
11-06
Vue http-server 是一个基于Node.js的http服务器，用于在本地运行和调试Vue.js应用程序。 Vue framework是一个流行的JavaScript框架，用于构建用户界面。它使得开发者可以轻松地构建动态和交互性的网页应用程序。 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

颜笑·

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

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

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

打赏作者

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

抵扣说明：

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

余额充值