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入门教程(8) Location地址对象
Jan 31 Javascript
js Math 对象的方法
Sep 01 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
Mar 06 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
jQuery及JS实现循环中暂停的方法
Feb 02 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
jquery中实现时间戳与日期相互转换
Apr 12 Javascript
学习vue.js中class与style绑定
Dec 03 Javascript
H5实现中奖记录逐行滚动切换效果
Mar 13 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
Jun 13 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 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魔术方法与魔术变量、内置方法与内置变量的深入分析
2013/06/03 PHP
深入PHP运行环境配置的详解
2013/06/04 PHP
java模拟PHP的pack和unpack类
2016/04/13 PHP
PHP错误和异常处理功能模块示例
2016/11/12 PHP
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
2014/04/16 Javascript
node.js中的emitter.emit方法使用说明
2014/12/10 Javascript
JavaScript常用脚本汇总(一)
2015/03/04 Javascript
在linux中使用包管理器安装node.js
2015/03/13 Javascript
JQuery自动触发事件的方法
2015/06/13 Javascript
JS实现的仿淘宝交易倒计时效果
2015/11/27 Javascript
浅析JavaScript中作用域和作用域链
2016/12/06 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
在vscode里使用.vue代码模板的方法
2018/04/28 Javascript
新手入门带你学习JavaScript引擎运行原理
2019/06/24 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
jQuery实现动态加载瀑布流
2020/09/01 jQuery
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
Python语言的12个基础知识点小结
2014/07/10 Python
Python使用PIL模块生成随机验证码
2017/11/21 Python
Python 查看文件的编码格式方法
2017/12/21 Python
Python读取xlsx数据生成图标代码实例
2020/08/12 Python
python+selenium实现12306模拟登录的步骤
2021/01/21 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
萌新HTML5 入门指南(二)
2020/11/09 HTML / CSS
Zadig&Voltaire官网:法国时装品牌
2018/01/05 全球购物
工作态度检讨书
2014/02/11 职场文书
小学二年级学生评语
2014/04/21 职场文书
投资意向协议书
2015/01/29 职场文书
2016学习全国教书育人楷模先进事迹心得体会
2016/01/21 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书