解决vue项目在线上服务器访问失败的方法

这篇文章将为大家详细讲解有关解决vue项目在线上服务器访问失败的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

珊妹儿遇到一个奇葩问题哈，跟大家伙来分享分享，首先因为刚接手的项目，我还没有线上服务器的连接信息，前端代码都是我打包好给别人，别人传到服务器的，传到线上服务器访问不了，这就是中间出现了问题。

所谓，打包就是压缩的概念，而压缩文件再次压缩就会导致文件成倍的增大，这中间就出现了很多问题，我们排除了很多问题都没找见原因，后来我就寻思拿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项目在线上服务器访问失败的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。