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组件的一些写法
Sep 10 Javascript
javascript的parseFloat()方法精度问题探讨
Nov 26 Javascript
JavaScript实现找出字符串中第一个不重复的字符
Sep 03 Javascript
JavaScript判断一个字符串是否包含指定子字符串的方法
Mar 18 Javascript
jQuery实现根据类型自动显示和隐藏表单
Mar 18 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
详谈Object.defineProperty 及实现数据双向绑定
Jul 18 Javascript
详解webpack的clean-webpack-plugin插件报错
Oct 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
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
PHP调用VC编写的COM组件实例
2014/03/29 PHP
PHP使用静态方法的几个注意事项
2014/09/16 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
javascript 获取表单file全路径
2009/12/31 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
javascript常用代码段搜集
2014/12/04 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
js自制图片放大镜功能
2017/01/24 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
vue实现压缩图片预览并上传功能(promise封装)
2019/01/10 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
Node 代理访问的实现
2019/09/19 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
2020/04/27 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
基于NodeJS开发钉钉回调接口实现AES-CBC加解密
2020/08/20 NodeJs
在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程
2015/04/25 Python
Python的Flask框架应用程序实现使用QQ账号登录的方法
2016/06/07 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
python 统计一个列表当中的每一个元素出现了多少次的方法
2018/11/14 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
python3.7环境下安装Anaconda的教程图解
2019/09/10 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
python中count函数知识点浅析
2020/12/17 Python
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
安全协议书范本
2014/04/21 职场文书
学校搬迁方案
2014/06/15 职场文书
2015入党个人自传范文
2015/06/26 职场文书
优秀范文:《但愿人长久》教学反思3篇
2019/10/24 职场文书
Python实现排序方法常见的四种
2021/07/15 Python
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript