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 相关文章推荐
Javascript 事件流和事件绑定
Jul 16 Javascript
jquery 表格的增行删行实现思路
Mar 21 Javascript
关于编写性能高效的javascript事件的技术
Nov 28 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
JS前向后瞻正则表达式定义与用法示例
Dec 27 Javascript
vue.js使用v-if实现显示与隐藏功能示例
Jul 06 Javascript
angular6的响应式表单的实现
Oct 10 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
Aug 03 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 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
php URL验证正则表达式
2011/07/19 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
Aster vs Newbee BO3 第二场2.18
2021/03/10 DOTA
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
js for循环倒序输出数组元素的实例
2017/03/01 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
2020/11/07 Javascript
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
Python更新数据库脚本两种方法及对比介绍
2017/07/27 Python
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
Django 中间键和上下文处理器的使用
2019/03/17 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
python实现按行分割文件
2019/07/22 Python
Python单元测试工具doctest和unittest使用解析
2019/09/02 Python
利用纯CSS3实现文字向右循环闪过效果实例(可用于移动端)
2017/06/15 HTML / CSS
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
为什么使用接口?
2014/08/13 面试题
医学生自荐信
2013/12/03 职场文书
某同学的自我鉴定范文
2013/12/26 职场文书
毕业生自荐信格式
2014/03/07 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
先进个人评语大全
2015/01/04 职场文书
扬州个园导游词
2015/02/06 职场文书
2015年挂职干部工作总结
2015/05/14 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
社会实践单位意见
2015/06/05 职场文书