vue项目在线上服务器访问失败原因分析


Posted in Javascript onAugust 14, 2020

珊妹儿遇到一个奇葩问题哈,跟大家伙来分享分享,首先因为刚接手的项目,我还没有线上服务器的连接信息,前端代码都是我打包好给别人,别人传到服务器的,传到线上服务器访问不了,这就是中间出现了问题。

所谓,打包就是压缩的概念,而压缩文件再次压缩就会导致文件成倍的增大,这中间就出现了很多问题,我们排除了很多问题都没找见原因,后来我就寻思拿U盘拷一份再试试,结果成功了!!!!!

据珊妹儿多年经验来分析,用U盘直接拷贝的是源文件,而压缩完传过去的压缩包再解压缩,就不是原来的文件了!嗯 应该是这个原因。。。。。。

补充知识:vue项目在使用ip地址加端口号不能访问时

修改package.json文件的scripts属性下的dev属性

加上?host 0.0.0.0后再重启服务器

"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"
 }

以上这篇vue项目在线上服务器访问失败原因分析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js实现收缩菜单效果实例代码
Oct 30 Javascript
使用jQuery动态加载js脚本文件的方法
Apr 03 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
详解如何在angular2中获取节点
Nov 23 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
Jul 25 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
JS性能优化实现方法及优点进行
Aug 30 Javascript
Ant design vue中的联动选择取消操作
Oct 31 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
Nov 09 Javascript
vue设置全局访问接口API地址操作
Aug 14 #Javascript
浅谈vue项目,访问路径#号的问题
Aug 14 #Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
Aug 14 #Javascript
vue调用本地摄像头实现拍照功能
Aug 14 #Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 #Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 #Javascript
Vue的Options用法说明
Aug 14 #Javascript
You might like
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
php设计模式 Command(命令模式)
2011/06/26 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
javascript引用对象的方法代码
2007/08/13 Javascript
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
js调用后台servlet方法实例
2013/06/09 Javascript
禁用JavaScript控制台调试的方法
2014/03/07 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
2017/01/20 Javascript
Bootstrap导航中表单简单实现代码
2017/03/06 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
jQuery 防止相同的事件快速重复触发方法
2018/02/08 jQuery
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
2020/08/03 Javascript
多个Vue项目部署到服务器的步骤记录
2020/10/22 Javascript
[53:23]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python批量转换文件编码格式
2015/05/17 Python
Python实现二叉树结构与进行二叉树遍历的方法详解
2016/05/24 Python
使用python绘制常用的图表
2016/08/27 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
对python requests的content和text方法的区别详解
2018/10/11 Python
澳大利亚便宜的家庭购物网站:CrazySales
2018/02/06 全球购物
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
社区敬老月活动实施方案
2014/02/17 职场文书
班级年度安全计划书
2014/05/01 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
学校总务处领导班子民主生活会对照检查材料思想汇报
2014/09/27 职场文书
李强为自己工作观后感
2015/06/11 职场文书
redis数据结构之压缩列表
2022/03/21 Redis
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android