vue移动端项目使用ip地址真机测试

一、修改ip

在config文件夹下的index.js里找到dev下面的host,里面的的localhost改成自己本地的ip地址(ip地址可以在cmd中输入ipconfig,找到ipv4就是本地ip地址),或者把localhost改成“0.0.0.0”

二、重新运行项目

在电脑浏览器输入“ip地址:端口”测试一下能不能打开,手机测试的时候需要让手机与电脑处于同一个网段(可以选择连接同一个wifi),然后再手机浏览器也是输入“ip地址:端口”就可以了,当然是输入电脑的IP地址

★如果手机打不开页面的话

1、可以试着修改防火墙的设置,关闭掉对应的防火墙试一下。

2、找到package.json文件

"scripts": {

    "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",

    "start": "npm run dev",

    "lint": "eslint --ext .js,.vue src",

    "build": "node build/build.js"

  },

找到这个位置,在dev中加入--host 0.0.0.0

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、webpack入门 Webpack 是一个前端资源的打包工具,它可以将js、image、css等资源当成一个模...
    余生安好178阅读 1,127评论 0 2
  • webpack是时下十分流行的编译和打包工具,它提供一种可扩展的loader的方式,简单的配置,便可以编译打包各类...
    Jack_Lo阅读 5,006评论 12 25
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,360评论 4 31
  • 在关系中,我看到很多人在怪圈里 他在圈子里“保护”自己 当他察觉到谁离他很近了,对他更好了 他就会往后退。逃避,躲...
    清盟阅读 535评论 1 2
  • 火光,肉味,小猫喵喵的叫,这就是生命,也是生命的真理。learn as if you were to liv...
    简书的简妹阅读 576评论 0 0