在手机浏览器访问运行的vue，H5项目——实时更新

最新推荐文章于 2024-08-08 08:33:45 发布
最新推荐文章于 2024-08-08 08:33:45 发布
阅读量2.1k 收藏 3
点赞数
分类专栏： 前端调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42011096/article/details/80764119
版权

1.手机和电脑在同一个局域网

2.在cmd里输入命令ipconfig,查得电脑的网络Ip

3.运行项目,得到端口号

4.在手机浏览器中输入2中取得的ip以及3中取得的端口号,即可访问

WX_安琪拉打野怪
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue自定义指令—— 完美解决H5页面不同尺寸屏幕的适配问题
S筱潇S四维Smile
01-17 2018
H5适配一直是一个头疼的问题，基于vue框架针对H5在不同分辨率的手机做出来一套适配方案，具体如下： 设计图按iPhone6/7/8 去掉底部返回条的尺寸设计的： width:750px , height:1108px（可使用该方法应对其他设计图尺寸） 一、以设计图的尺寸为标注的做一套适配方案，就是出完美高度比： function getResheightAndWidth() { ...
Vue前端开发——解决谷歌Bug
weixin_41496763的博客
05-07 201
1、添加代码 created(){ // 当刷新页面，组件创建成功之后，立刻检测本地储存中是否存在用户对象 this.userDTO = JSON.parse( localStorage.getItem("user") ); if(this.userDTO != null){ this.isLogin = true; // 已登录 }else{ // 去检测微信是否登录过 this.axios .get("http://
vue项目移动H5的页面调试
weixin_45781661的博客
03-21 1488
移动h5的调试方式 1、eruda 直接外链引入初始化;然后重新运行项目即可看到 <script src="//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js"></script> <script>eruda.init();</script> 2、就是真机调试，目前我知道的仅适用于安卓，ios可以自行搜索一下，首先需要一根数据线连接手机和电脑，手机需打开开发者模式，允许USB调试，USB调试功能上选MDI,然
vue本地项目设置通过手机访问
weixin_30745641的博客
08-28 981
最近再用vue写一个移动端的应用，想通过手机访问看看页面效果，于是有了下文。 1.shif+右键打开命令行工具，输入ipconfig,回车，得到电脑的ip 2.找到工作目录下的config文件夹中的index.js,将localhost换为ipv4地址， 3，重新编译项目，命令行运行npm run dev命令开启服务 4.电脑或手机端浏览器地址栏输入ipv+端口号如:192.168....
Vue-H5Plus 项目教程
最新发布
gitblog_00146的博客
08-08 889
Vue-H5Plus 项目教程 vue-h5plus一款前卫的vue+html5plus跨平台demo项目地址:https://gitcode.com/gh_mirrors/vu/vue-h5plus 1. 项目的目录结构及介绍 Vue-H5Plus 项目的目录结构如下： vue-h5plus/ ├── public/ │ ├── index.html │ └── ... ├── src...
在手机上访问和调试本地的 H5 页面
花铛
07-05 1万+
在 cmd 里输入 ipconfig，就可以看到 ipv4 地址，也就是电脑本机的 ip 地址。
vue如何打开本地的html文件,Vue本地执行build之后打开dist目录下index.html正常访问...
weixin_32023449的博客
06-29 3701
场景Vue的项目执行npm run build后会在本地dist下生成打包后的文件但是此文件给后端后就能访问，如果直接在本地双击在浏览器中打开就会提示一堆文件路径找不到。这是因为直接在本地访问打开的话，请求资源的url是如上图file://那种开头的路径，需要的是类似于localhost:8080/这样的在服务器中的访问路径。经过参考别人的博客，有将vue.config.js中的publicPat...
如何运行vue项目(超详细图解）
热门推荐
小熊的博客
02-06 8万+
📖本篇超级详细案例截图教学 如何运行别人的vue项目，图片点击可放大仔细看。 输入node -v查看nodejs版本 node -v 输入npm -v查看npm版本
vue手机端回退_Vue——路由回退至指定页面
weixin_39734184的博客
12-20 1520
先来引出一下遇到的问题：在做一个移动端支付页面，在付款页面点击支付按钮，支付失败时跳转至支付失败提示页面；支付成功时跳转至支付成功页面。在支付成功页面下，如果用户点击手机自带的“返回”键，就又会跳转至支付页面，这时，如果用户在不知情的情况下又点击了支付按钮，就会产生重复支付的情况。我们的需求是，如果用户支付成功的话，点击手机自带“返回”键应该跳转至上上一级页面；如果用户支付失败的话，点击手机自带“...
微信外H5跳转小程序——＜JumpApp/＞组件（vue项目）
开源世界
03-17 1046
场景 有个H5（vue项目），需要实现点击商品item跳转到小程序，微信内和微信外都要支持，这里我们只介绍一下H5在微信外的跳转。 如图所示，红框内是一个商品，就是点击这里，要跳转小程序： 配置微信小程序云开发（云函数） 1、开通云开发 然后选择免费额度 2、云开发权限设置 找到权限设置，把这里的「未登录用户访问权限」点开 3、新建云函数openMiniapp 这里我们先只需要建个名为openMiniapp的云函数放在这里就行，它的代码后面再写。 4、修改云函数权限 添加一下这部分配置，注意这里的
Vue入门——建立项目
Del的博客
04-21 146
Day 01 今日份内容：Vue 戦闘が始まる（战斗开始）！ 在复习了h5+css+js之后，终于敢像官方文档说的那样，开始踏上Vue的学习之路，一开始会从Vue2.0开始学起，Vue的安装我是参考的这位博主的文章一步步照做的（传送门）：vue.js安装步骤教程，最后成功安装好了，瑞思拜！ 命令行工具 使用Vue.js提供的命令行工具可以快速搭建应用。 PS:项目搭建环境时我们一般需要在CMD（命令提示符）里选择进入相应的文件夹，然后开始输入命令搭建，不然它默认选择的是 C:\Users\Administr
vue项目设置浏览器标题title及图标
Aaron_杀死庸碌的博客
07-14 1万+
方法一：在vue.config.js文件，添加如下代码： 方法二：直接在public/index.html中修改title即可，如下： 二、动态设置标题方案 方法一：通过路由导航守卫设置，使用Vue-Router的beforeEach拦截 方法二：使用插件vue-wechat-title来设置浏览器动态标题 三、图标修改 1、首先做一个ico的小图标，命名为 favicon.ico 放在 /public/下面，替换原有的 favicon.ico，需要可以备份原有的 favicon.ico。 2、在 /pub
reset.css
a432qbc的博客
02-24 364
reset.css /** Eric Meyer’s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, e
vuejs开发H5页面总结
weixin_34348805的博客
07-03 2739
最近参与了APP内嵌H5页面的开发，这次使用vuejs替代了jQuery，仅仅把vuejs当做一个库来使用，效率提高之外代码可读性更强，在此分享一下自己的一些开发中总结的经验。 关于布局方案 当拿到设计师给的UI设计图，前端的首要任务就是布局和样式，相信这对于大部分前端工程师来说已经不是什么难题了。移动端的布局相对PC较为简单，关键在于对...
vue h5项目架构搭建
weixin_33979745的博客
11-19 4498
1. vue init webpack2.添加vuex cnpm i vuex -D 添加vuex demo文件，main.js中引入store3.添加axioscnpm i axios -D,(des,rsa公司加解密标准) 添加http.js等文件4.添加less或者 stylus4.1 添加less , cnpm i less less-loader css...
解决vue hash模式微信分享#号问题
gyq04551的博客
03-29 2万+
// 问题描述在微信中分享到朋友圈或好友时，分享出去的路由被破坏，打开分享的链接，路由中的“#”会被去掉并追加？fromTimeline之类的后缀参数，这就造成了分享出去的链接只能进入首页，无法正常跳转到其他路由。 // 获取签名 this.$ajax.post(this.apiUrl+"/api/wxShare/getWxConfig", th...
vue开发H5步骤详解（环境搭建+rem布局+域名配置+请求）
boy火巨的博客
06-11 2万+
环境搭建 01. 安装Node.js Node.js安装包及源码 下载地址为：https://nodejs.org/en/download/、64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi 02. 检测一下node版本，在cmd命令框框内输入命令 node --version 查看node是...
vue项目怎么在手机上运行？
weixin_30349597的博客
03-09 3333
打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的config/index.js中的host 在npm run dev就可以把链接复制在手机上查看了 转载于:https://www.cnblogs.com/blog-akang/p/10500011.html...
vueH5项目打开或者关闭vconsole调试，及配置打包文件名
12-23 6218
vueH5项目打开或者关闭vconsole调试，及配置打包文件名
Vue3.0.1beta实战：仿京东电商H5项目搭建教程
本文档详细介绍了如何基于Vue3.0.1beta版本搭建一个仿京东的电商H5项目。作者利用最新版本的Vue框架和Vant组件库，构建了一个包含首页、分类页面、个人中心和购物车功能的完整项目。该教程适用于学习者，特别是对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值