解决vue项目在线上服务器访问失败的方法-创新互联

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

创新互联建站长期为上1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为龙井企业提供专业的网站建设、成都网站建设，龙井网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

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

所谓，打包就是压缩的概念，而压缩文件再次压缩就会导致文件成倍的增大，这中间就出现了很多问题，我们排除了很多问题都没找见原因，后来我就寻思拿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项目在线上服务器访问失败的方法-创新互联
文章源于：http://shouzuofang.com/article/dccogs.html