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 相关文章推荐
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
JS添加删除DIV的简单实例
Jul 08 Javascript
原生JS下拉加载插件分享
Dec 26 Javascript
js实现产品缩略图效果
Mar 10 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
微信小程序实现MUI数字输入框效果
Jan 31 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
Apr 10 Javascript
Vue实现购物车详情页面的方法
Aug 20 Javascript
Vue图片裁剪组件实例代码
Jul 02 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 图片上添加透明度渐变的效果
2009/06/29 PHP
php 获取可变函数参数的函数
2009/08/26 PHP
php不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
php中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
PHP.ini安全配置检测工具pcc简单介绍
2015/07/02 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
用 javascript 实现的点击复制代码
2007/03/24 Javascript
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
node.js的事件机制
2017/02/08 Javascript
微信小程序开发之入门实例教程篇
2017/03/07 Javascript
vue2.x+webpack快速搭建前端项目框架详解
2017/11/30 Javascript
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
2020/08/06 Javascript
python实现简易内存监控
2018/06/21 Python
实例讲解python中的序列化知识点
2018/10/08 Python
深入学习python多线程与GIL
2019/08/26 Python
jupyter 添加不同内核的操作
2021/02/06 Python
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
区域销售经理岗位职责
2013/12/10 职场文书
后勤部长岗位职责
2013/12/14 职场文书
婚庆公司的创业计划书
2014/01/22 职场文书
2014全国两会心得体会
2014/03/17 职场文书
大学学生会竞选演讲稿
2014/04/25 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书
python 中yaml文件用法大全
2021/07/04 Python
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL
使用Java去实现超市会员管理系统
2022/03/18 Java/Android
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python