在vue中用手机如何测试代码

最新推荐文章于 2021-09-02 15:30:28 发布
最新推荐文章于 2021-09-02 15:30:28 发布
阅读量937 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hcf1599637724/article/details/80224855
版权
 
查找本机ip  window+r进入cmd  ipconfig 找到本机ip
在vue  build webpack.dev.conf.js文件中如下修改添加ip

host: '本机ip' || HOST || config.dev.host,

再npm run dev

复制地址到手机运行


hcf1599637724
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在手机上预览vue项目
光
01-25 9355
最近在做web音乐app时,用到了高斯模糊,但pc看不出效果,便想在手机端预览,遂作博一篇 1.修改config 修改config文件夹下的index.js文件: module.exports = { dev: { host: '0.0.0.0' // 原为: hotst: 'localhost' } } 2.查询本地ip ctrl+r输入cmd
Vue中插入HTML代码的方法
12-03
我们需要吧<p>Hello World插入到<p>My name is Pjee应该如何做？ ... ... const text = `<p>Hello World</>` My name is Pjee <p v-html='text'></p> ...渲染函数：这是通过对VNode（虚拟DOM）的操作来生成 ...
vue项目如何在手机上面做测试
weixin_43617604的博客
08-27 821
vue项目如何在手机上面做测试 做好了vue项目，然后想在手上跑一遍 1 在项目的config/index.js中修改host为自己电脑的ip地址 2 如果不知道自己电脑的ip地址的话，可进入cmd命令，输入ipconfig便可看到自己的ip地址： 3 然后就重新运行一下vue项目，便可以通过http://ip地址:8080/来访问。例如你的ip地址为192.176.56.87，你就...
网页的Vue项目怎么在手机上面测试
Kratial的博客
09-13 2276
1.修改config文件夹下面的index.js文件 找到host: ‘localhost’,修改为：host: ‘0.0.0.0’ module.exports = { dev: { ...... host: 'localhost', // can be overwritten by port: 8080, // can 2.运行在命令行输入：npm run dev ...
如何使用手机预览Vue项目（移动端）
热门推荐
手掌日月摘星辰
06-28 2万+
1、在命令行中输入npm run dev ，启动自己的vue项目，例：http://localhost:8081/#/goods，可以在浏览器预览2、那么如何在手机端预览vue项目呢？WIN+R，输入cmd启动命令行工具，输入ipconfig查看本机ip3、本机ip替换localhost，例：http://192.168.1.171:8081/#/goods，预览效果不变4、使用草料二维码，将ht...
在Vue中用canvas实现二维码和图片合成海报的方法
10-16
主要介绍了在Vue中用canvas实现二维码和图片合成海报的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue仿手机qq的实例代码(demo)
10-19
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。这篇文章给大家介绍Vue仿手机qq的实例代码，需要的的朋友参考下吧
在Vue项目中用fullcalendar制作日程表的示例代码
10-16
主要介绍了在Vue项目中用fullcalendar制作日程表，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
SpringBook+Vue购物车测试代码
12-09
SpringBook+Vue购物车前端测试代码
Vue项目怎么在手机上面测试
freewlt
11-26 409
1.修改config文件夹下面的index.js文件 找到host: ‘localhost’,修改为：host: ‘0.0.0.0’ module.exports = { dev: { host: '0.0.0.0', port: 8083, } } 2.运行在命令行输入：npm run dev 然后复制链接到浏览器， 将ip地址变为你的ipconfig之后得...
如何在手机上查看测试vue-cli构建的项目
祈澈菇凉
08-14 564
用vue-cli构建的项目有时候有些功能需要在手机上测试，比如上传图片的时候调用手机拍照功能或者查看相册的功能，这个时候就要用到手机测试了，那么如何在手机上查看测试vue-cli构建的项目？今天就写一写具体步骤。 1：打开cmd,命令行运行 ipconfig，得到本机的ip地址： 图片.png 2：得到ipv4值， 用该值替换localhos...
移动端项目如何在手机上面做测试
keji_123的博客
08-23 1万+
引言最近在看vue2.0，然后仿写饿了么，但是怎么把自己写好的项目在手机上面测试呢，比如移动端的1pxbiang看问题，在电脑模拟的手机端是看不到的。下面开始介绍方法： 用webstrom启动vue项目，然后可以看到浏览器上面的项目网址，例如：http://localhost:8080/goods，然后需要把localhost换成自己的ip地址。 那么怎么查看自己的ip地址呢？ 点击
vue开发手机端，如何在手机端进行项目的预览和测试
weixin_44491927的博客
08-15 6400
1.条件：手机和开发项目的电脑要处于同一个WIFI环境中，也就是手机可以访问电脑的IP 2.查看开发项目电脑的IP地址 在cmd终端输入’iconfig’指令，查看电脑连接的IP地址 3.打开自己项目中的package.json文件，在dev脚本中添加一个–host指令，查到的IP地址作为–hosts的指令值。 4.运行项目，将网址用手机打开，即可在手机端进行预览和测试。 ...
移动端vue的项目如何在手机上实时调试查看呢
lannieZ的博客
09-02 666
首先第一步：找到vue的项目config文件夹下的index.js 第二步：找到dev这个对象里的host的参数，改成你当前电脑的IP地址 注意：不要加上http，否则会报错 cmd 打开命令运行符，输入“ipconfig”查询本地 IP； 第三步：然后重新dev项目，就可以用你当前电脑的IP地址进行访问了 ...
vue的项目如何在手机上测试-vsCode
weixin_42206375的博客
03-18 2511
这是在vsCode编译器上的vue-cli4 最重要要确定手机与电脑是在同一个局域网内,如同一个wifi 在项目中 npm run serve,点ip地址打开 然后草料上生成一个二维码 草料网 然后用手机微信扫二维码就可以打开项目了 ...
如何在手机上查看测试vue构建的项目
sxs7970的博客
04-02 823
最近在学vue，写一个小项目，但是怎么把自己写好的项目在手机上面测试呢，比如移动端的1px边框问题，在电脑模拟的手机端是看不到的。 注意： 要保证 手机 和 开发项目的电脑 处于 同一个 WIFI 环境中，也就是说 手机 可以访问到 电脑 IP 打开自己的 项目中 package.json 文件，在 dev 脚本中 ，添加一个 --host 指令，把当前 电脑 WIFI IP地址，设置为 --...
vue写手机页面放在手机上显示不正常
BruceeLeee的博客
06-01 5931
尝试在最外层的index.html中添加：&lt;meta name="viewport"  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"&gt;这样，在手机上就不会因为缩放导致页面显示不正常了。亲测有用...
在vue中用html2canvas合成图片
最新发布
06-11
4. 在Vue组件中，编写生成图片的方法： ``` generateImage() { html2canvas(document.querySelector('#myCanvas')) .then(canvas => { // canvas对象是生成的图片 document.body.appendChild(canvas); }); } `...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值