vue开发的移动端怎么在手机上看自己的页面

已于 2022-03-11 12:16:47 修改
阅读量907 收藏 2
点赞数 1
文章标签： vue.js 前端 javascript
于 2021-12-18 15:55:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18390335/article/details/119907942
版权

共同局域网下：
1：找到config文件，把 host: ‘localhost’,换成自己电脑的ip4地址就行
host: ‘192.168.25.9’

网络的属性可以找到：
在这里插入图片描述

阿达
然后手机浏览器打开直接打开 ： http://xxx.xxx.x.xxx/#/ 就可以直接看到的

隐密修罗
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue移动端右滑屏幕返回上一页附源码下载
12-10
本文结合实例讲解如何实现Vue移动端右滑屏幕返回上一页。 查看演示 下载源码 安装依赖 使用npm安装vue-directive-touch组件。 npm install vue-directive-touch --save 引入组件 在main.js中引入vue-directive-...
vue项目 使用手机预览
Web_Notes的博客
02-21 285
手机预览vue项目
移动端项目如何在手机上查看效果
qq_41662119的博客
08-30 1095
很多时候我们需要在真机上调试，进行代码的维护修改，如何在手机上查看呢？ 我们拿vue来说， 1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号 上图域名是我进行修改后的，大家打开后应该会默认显示localhost 2.window+R，输入cmd进入控制台，然后输入命令ipconfig/all 回车，我们可以看到自己电脑的一些ip信息 ...
移动端vue的项目如何在手机上实时调试查看呢
lannieZ的博客
09-02 666
首先第一步：找到vue的项目config文件夹下的index.js 第二步：找到dev这个对象里的host的参数，改成你当前电脑的IP地址 注意：不要加上http，否则会报错 cmd 打开命令运行符，输入“ipconfig”查询本地 IP； 第三步：然后重新dev项目，就可以用你当前电脑的IP地址进行访问了 ...
移动端项目如何在手机上查看效果（通过tomcat）
Hao-Z-Y
11-27 4465
第一步：安装tomcat           安装步骤 第二步：将项目放在tomcat下的webapps这个文件下面 第三步：查询自己的ip信息           方法一：在设置中查找           方法二：通过CMD命令查询   第四步：在tomcat下的conf文件夹中找到server.xml文件通过记事本或者其他代码编辑器打开找到端口号，一半的情况下都是...
vue-vant开发移动端项目如何在手机上查看效果
seeeeeeeeeee的博客
08-11 1267
首先，启动项目，npm run serve 然后看一下有没有Network这一条，如果有，那就直接把这个网址在手机上找个浏览器输入就可以看到了。 如果你是更改过启动项，用的是“npm run dev”，则在“dev”中添加 --host 192.168.x.x。 然后还是一样，手机打开浏览器输入这个网址 那么ip地址怎么找呢 步骤一：cmd 打开命令运行符，输入“ipconfig”查询本地 IP；(cmd就是你点开桌面菜单后直接键盘输入cmd就会出来的一个命令行工具) 步骤二： 将ipv4地址复制下来
vue 移动端项目如何在手机上演示
HaushoLin的博客
09-28 1579
打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的package.json中的scripts --> serve的值vue-cli-service serve 后面加上 --host和你的ipv4地址，在npm run serve就可以把链接复制在手机上查看了，手机就可以访问本地电脑的项目了 在package.json文件中添加本地ipv4地址 "scripts": { "serve": "vue-cli-service serve --host 192.16
手机怎么访问电脑的本地的移动端项目？超级简单，这篇文章直接搞定
xiaoxiaoxin1128的博客
08-18 1240
出现该问题主要是因为你电脑的防火墙将某些端口号的 htpp 的网络访问协议给屏蔽掉了（一般的电脑操作系统是默认不屏蔽 80,8080 一些常用的端口的），所以你可以直接将自己的电脑的防火墙全部关闭。作为一名开发或者运维的同学，平时都在电脑上F12开启手机适配模式，去调整代码和样式，有时候出于更严谨的方式，我们需要使用真机来调试样式，由于代码在本地的环境，没有上传到服务器，所以我们需要，手机怎么去开启访问本地的移动端项目呢？#手机怎么访问电脑的本地的移动端项目。#第二步：查看的电脑的IP。
vue移动端项目怎么在手机上运行打开
weixin_49577940的博客
07-09 5690
因为现在做的是一个手机端项目 , 所以要在手机上运行看适配, 上传文件, 这几天就上网学了下怎么弄在手机上看, 其实步骤很简单 , 但是想记录一下学习到新技能的开心 ^_^ 手机和电脑连同一个wifi , 或者电脑连你手机的热点 一 , 按电脑window+R , 打开这个页面, 输入cmd,点确定 二 , 在出现的黑窗口中输入ipconfig , 按回车 , 复制IPv4的地址 三 , 打开你项目config文件夹下的index.js,把host后面的地址改成你刚刚复制的.
vue项目怎么在手机查看
豪先生的博客
09-24 3740
可能，我们连接同一个网络以后，在手机浏览器输入第二个网址，发现手机端还是不能访问服务。这时候我们把电脑的防火墙关闭一下就好了。一个是本地的，一个是网络的。在手机浏览器地址栏输入第二个网址（这个时候再重新用手机查看vue项目第二个网址，就可以查看项目。【注意】：我们的手机和开启服务的电脑要连入同一个网络。然后点击 公用网络，然后 关闭防火墙。启动一个项目之后，会出现两个网址，），我们可以在手机端查看我们的。选择-windows防火墙。点击电脑左下角的【设置】
VUE识别访问设备是pc端还是移动端
weixin_42966151的博客
02-06 6653
有些网站需要区分手机端网页和pc端网页，做到不同设备访问不同的网页，增强用户的使用体验，可以在app.vue中作一个判断，然后跳转不同的路由。
详解vue 在移动端体验上的优化解决方案
12-04
去年年底自己搭了一个vue在移动端的开发框架，感觉体验不是很好。上个星期又要做移动端的项目了。所以我花了两天时间对之前的那个开发框架做了以下优化 自定义vuex-plugins-loading 路由切换动画 + keep alive ...
详解搭建一个vue-cli的移动端H5开发模板
10-15
主要介绍了详解搭建一个vue-cli的移动端H5开发模板，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue移动端单页面开发模板
08-10
基于 vue2.0 写的单页面应用 Vue.js 中文社区
vue 移动端扫一扫功能
09-23
vue移动端手机的扫一扫功能，可以识别二维码，功能比较简单，有需要的可以下载，希望有所帮助，有什么问题可以在下方进行评论或者留言，看到第一时间会进行修复.
vue 实现级联选择器功能
清音的博客
04-22 500
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
19篇 vue3进阶
hummhumm的专栏
04-20 411
10. **组件定义的分离**：通过 `defineComponent` 方法分离组件逻辑与模板。23. **事件总线 (`provide` / `inject`)**：祖先与后代组件间通信。33. **跨平台支持**：如 `Nativescript-Vue` 或 `Uni-app`。9. **动态组件和 `v-if` / `v-for`**：更灵活地使用这些指令。20. **计算属性 (`computed`)**：创建缓存的计算属性。12. **组件的 `expose` 选项**：显式指定组件公开属性。
vue-manage-system 更新，后台管理系统开发更简单
最新发布
林鑫
04-22 393
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
vue开发移动端页面
08-06
Vue是一种流行的JavaScript框架，它广泛...综上所述，使用Vue开发移动端页面可以提供响应式设计、组件化开发、单页面应用、强大的工具生态系统和与其他框架的兼容性等优势，使开发过程更加高效，并提供优秀的用户体验。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值