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 相关文章推荐
斜45度寻路实现函数
Aug 20 Javascript
Js 刷新框架页的代码
Apr 13 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
gridpanel动态加载数据的实例代码
Jul 18 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
微信小程序 特效菜单抽屉效果实例代码
Jan 11 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
el-table树形表格表单验证(列表生成序号)
May 31 Javascript
详解js中的原型,原型对象,原型链
Jul 16 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
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
第三章 php操作符与控制结构代码
2011/12/30 PHP
PHP中空字符串介绍0、null、empty和false之间的关系
2012/09/25 PHP
php语言流程控制中的主动与被动
2012/11/05 PHP
PHP gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
php获取远程文件大小
2015/10/20 PHP
PHP使用MPDF类生成PDF的方法
2015/12/08 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
jquery jqPlot API 中文使用教程(非常强大的图表工具)
2011/08/15 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
2011/10/12 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
js计算两个时间之间天数差的实例代码
2013/11/19 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
真正好用的js验证上传文件大小的简单方法
2016/10/27 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
LayUI表格批量删除方法
2018/08/15 Javascript
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
vue addRoutes路由动态加载操作
2020/08/04 Javascript
swiper自定义分页器的样式
2020/09/14 Javascript
Python的Django框架中消息通知的计数器实现教程
2016/06/13 Python
Tensorflow 实现修改张量特定元素的值方法
2018/07/30 Python
python导入pandas具体步骤方法
2019/06/23 Python
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
2014年酒店服务员工作总结
2014/12/08 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
导游词之湖州-太湖
2019/10/11 职场文书
详细聊聊Oracle表碎片对性能有多大的影响
2022/03/19 Oracle