vue.js学习之 如何在手机上查看vue-cli构建的项目 一:找到config文件夹下的index.js文件,打开后,将host的值改为你本地的ip,保存后重启项目 二:输入ip和端口号打开项目 三:将地址复制,使用二维码转换工具(草料二维码)生成二维码后,使用手机扫描,就可以查看 ...
首先我们需要更改config文件 拿我这个项目举例子,config文件下的index.js内的dev下的host需要更改为自己的电脑IP 其次,重点来了,我们需要更改路径,细节的为什么我还解释不来,简单来说就是加个点,从根目录开始变为从当前目录开始: 如图,build下的assetsPublicPath 默认是 : 更改为 就是多加一个点...... 随后我们要重新加载运行一下,也就是重新 npm ...
2018-05-25 15:15 0 1032 推荐指数:
vue.js学习之 如何在手机上查看vue-cli构建的项目 一:找到config文件夹下的index.js文件,打开后,将host的值改为你本地的ip,保存后重启项目 二:输入ip和端口号打开项目 三:将地址复制,使用二维码转换工具(草料二维码)生成二维码后,使用手机扫描,就可以查看 ...
这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi; b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以; 2.查询本地IP地址 WIN+R ...
打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的config/index.js中的host 在npm run dev就可以把链接复制在手机上查看了 ...
使用vue-cli+webpack构建的项目在同一个局域网下,通过ip电脑的浏览器可以访问,但是手机不能访问。 这个问题困扰了本宝宝好长时间,在网上搜了这种解决办法均不奏效 下面是config 最基本的,将默认的localhost或者是127.0.0.1换成自己的ip地址,使用手机 ...
下一步输入自己想要访问的端口好号 其次,电脑开启热点 然后用手机连接该热点,WIN+R 输入cm ...
1. 概述 1.1 说明 使用vue-cli快速创建的vue项目目录如下: build -- webpack相关配置以及服务启动文件,配置多依赖于下边的config文件夹中内容 config -- vue基本配置文件,如监听端口,打包输出等配置 ...
1. 概述 1.1 说明 使用vue-cli快速创建的vue项目目录如下: 1.2 build 1.3 config config文件夹下的文件目录 ...
javascript的运行环境(平台),可以理解为一个运行js的虚拟机,以前只有浏览器才可以解析Javascrip ...