-
webpack-dev-server 不是内部 外部命令
错误原因 : 执行命令npm run dev
实际执行
解决方法 :npm install webpack-dev-server -g
(一般全局安装后就没问题) - 安装依赖
npm install
- 将项目运行到模拟器
要求: 手机和电脑要在同一个网络下。
![](https://img.haomeiwen.com/i18618153/4c9e0b996bc1c2d8.png)
build
目录webpack.dev.conf.js
文件修改host端口
host:'0.0.0.0',
查看电脑本机的ip
ipconfig
![](https://img.haomeiwen.com/i18618153/1a36b2d5e44a1e49.png)
然后在手机的浏览器上打开 http://192.168.0.108:8088。(我的vue项目在本地打开是8088端口,要更改为自己相对应的端口)
- 电脑端手机端解析的图片不一样
<img v-lazy="image.content" />
拿到的图片数据
http://122.10.100.244:7001/download?fileName=2b56f1b6-b80d-4ef9-888e-a25980aeef77.jpg
将它放到网站上查看,直接跳转到下载的步骤
错误原因:download?fileName=2b56f1b6-b80d-4ef9-888e-a25980aeef77.jpg
指定跳转下载地址
此时,电脑端的界面是没有办法查看的
看到上面使用vue项目运行到模拟器.....图片是加载成功显示 的
-
遇到一个样式问题
为了追加一个竖线样式
[我可真是个小机灵鬼呐~]
-
背景颜色
将背景颜色灰色变成白色
-
Vue实例
beforecreate : 可以在这加个loading事件,在加载实例时触发
created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用
mounted : 挂载元素,获取到DOM节点
updated : 如果对数据统一处理,在这里写上相应函数
beforeDestroy : 可以做一个确认停止事件的确认框
nextTick : 更新数据后立即操作dom
// 实例挂载被修改
beforeUpdate() {}
8.vant版本低
![](https://img.haomeiwen.com/i18618153/9afd2f9324fc55b0.png)
最初使用2.0.9版本的vant
想要使用嵌套必须升级版本才能支持
npm install vant
![](https://img.haomeiwen.com/i18618153/34ca3066fb390f60.png)
网友评论