首页 > 其他 > 详细

第十章、Vue项目的联调上线

时间:2019-11-17 11:56:21      阅读:83      评论:0      收藏:0      [点我收藏+]

抓包 

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文件夹,直接放到后端服务器的根目录。就可以通过对应的目录访问

技术分享图片

 

 

 技术分享图片

 

 

第十章、Vue项目的联调上线

原文:https://www.cnblogs.com/qdwz/p/11875572.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!