第十章、Vue项目的联调上线
2024-10-19 22:29:01
抓包
Fiddler
一、解决跨域
proxyTable(查看博客总结)
二、解决用本机ip地址不能访问
在dev中加上 --host 0.0.0.0就可以用本机ip访问,这样的话可以用手机在内网(局域网)里通过这个ip地址访问测试我们的网页
三、解决A/B/C拖动整个页面跟随拖动问题
四、有的手机打开页面是白屏
可能是因为不支持promise,解决这个问题,a.安装 npm install babel-polyfill --save
b.在main.js中引入这个包
c.如果手机还出现白屏问题,那可能跟webpack中dev-server有关系,这时候要发布后的准生产环境测试。
五、打包上线
a.在命令行输入npm run build进行打包
b.打包完成后,根文件夹下会有一个dist文件夹,这个文件夹中的代码就是最终要上线的代码
c.项目放到后端服务器,解决路径配置问题,在配置文件中,找到build(打包配置项),配置 访问路径。把dist文件夹改名为project文件夹,直接放到后端服务器的根目录。就可以通过对应的目录访问
六、异步组件实现按需加载
js文件夹中有三个有用的文件
manifest.js--->webpack打包生成的配置文件
vendor.js--->各个组件各个页面公用的代码
app.js---->项目各个页面的业务逻辑代码
是需要什么,再加载什么,拆分的是app.js
以前直接使用
异步组件加载
只要是组件都可以进行异步加载,比如图
最新文章
- 如何设置GridView中某个字段显示数据的一部分?
- 三道关于Taylor级数的题目,证明你爹是你爹
- Windows服务器安全加固实战(Windows Server 2008 R2和Windows Server 2012)
- 解读Gartner《2015年度新兴技术成熟度曲线报告》
- CREATE A ENERGY / HEALTH BAR HUD
- Understanding Convolutions【转】
- ios摇一摇
- 学习java随笔第十篇:java线程
- (一)Nodejs - 框架类库 - Nodejs异步流程控制Async
- iOS arc下控制某一文件为非arc
- 多边形剪裁img
- 动画制作 手机APP制作以及响应式的实现
- Atitit 如何在水泥森林打猎 找到合适的公司
- 1021 Deepest Root
- mysql命令(三)
- ORM多表操作之创建关联表及添加表记录
- cocos2d-x学习记录5——CCTransition场景过渡
- JS实现获取当前URL和来源URL的方法
- Netty(七):流数据的传输处理
- android整理的一些基础知识