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 Event学习补遗 addEventSimple
Feb 11 Javascript
javascript 四则运算精度修正函数代码
May 31 Javascript
javascript中的document.open()方法使用介绍
Oct 09 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
Jul 29 Javascript
JsRender for object语法简介
Oct 31 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
May 12 Javascript
vue.js开发环境搭建教程
May 04 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
Bootstrap Table 搜索框和查询功能
Nov 30 Javascript
k8s node节点重新加入master集群的实现
Feb 22 Javascript
javascript数组includes、reduce的基本使用
Jul 02 Javascript
详解Vue router路由
Nov 20 Vue.js
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数组交集的优化代码分析
2011/03/06 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
PHP正则替换函数preg_replace()报错:Notice Use of undefined constant的解决方法分析
2017/02/04 PHP
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
jQuery插件slides实现无缝轮播图特效
2015/04/17 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
javascript获取图片的top N主色值方法详解
2018/01/26 Javascript
微信小程序实现留言板
2018/10/31 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
2019/07/30 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
netbeans7安装python插件的方法图解
2013/12/24 Python
详解在Python程序中自定义异常的方法
2015/10/16 Python
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
用python 实现在不确定行数情况下多行输入方法
2019/01/28 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
基于python分析你的上网行为 看看你平时上网都在干嘛
2019/08/13 Python
使用python绘制温度变化雷达图
2019/10/18 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
Python常用类型转换实现代码实例
2020/07/28 Python
一款纯css3实现的鼠标悬停动画按钮
2014/12/29 HTML / CSS
新学期校长寄语
2014/01/18 职场文书
物流管理专业毕业生求职信
2014/03/23 职场文书
违反工作规定检讨书范文
2014/12/14 职场文书
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript