vue项目打包上线白屏

vue项目打包之后打开页面是可以访问的，但是放到服务器上后，css和js请求就超时了

刚部署上的时候还能正常访问的，过了两天突然就报错了

你配置的打包目录不对吧，或者你的静态资源文件没有放对位置？看你的报错应该放到服务器根目录下

你本地打完包可以访问，说明打包配置没啥问题。 那就是 放到服务器里的位置可能不对。
这个问题可能是由于打包后的静态资源文件路径不正确导致的，可以尝试以下几个方法：

1.检查静态资源文件的路径是否正确
在vue项目中，静态资源文件通常是放在public目录下，打包后会生成dist目录，将dist目录中的文件放到服务器上。确认静态资源文件的路径是否配置正确，是否可以在浏览器中正确访问到这些文件。

2.检查服务器是否正确配置了静态资源文件的访问路径
如果静态资源文件的路径正确，可以检查服务器是否正确配置了静态资源文件的访问路径，例如Nginx等Web服务器。需要确认服务器中的配置文件中是否正确指定了静态资源文件的路径，是否允许访问静态资源文件。

3.确认静态资源文件是否正确上传到服务器
可以检查静态资源文件在上传至服务器时是否正确上传，是否被拦截或被其他程序修改了，可以尝试重新上传静态资源文件到服务器上。

4.确认服务器是否具备访问静态资源文件的权限
如果静态资源文件的路径和服务器的配置都没有问题，可以检查服务器是否具备访问静态资源文件的权限，例如文件夹权限、读写权限等。
以上是可能导致vue项目打包上线后出现白屏的几个常见原因，可以根据具体情况进行排查。

有没有大神帮帮忙啊，可有偿

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7653609
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue 打包部署后打开网页空白，找不到css、js等资源
• 除此之外, 这篇博客: vue项目如何优化加载速度，项目打包后文件过大怎么办？中的 五、js压缩、css压缩 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 这个就不说了。

  推荐使用webpack 4.x，在production模式下有Tree Shaking和Scope Hoisting。
  如果还是过大，可以使用下面插件：
   

  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
  plugins: [
        new BundleAnalyzerPlugin()
    ]
  

  它会生成一个分析图，你的文件里包含了哪些文件，打包后，它会自动在浏览器中打开。

  

  最后为了方便大家的沟通与交流请加QQ群： 625787746

  请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140

• 您还可以看一下 陶国荣老师的Vue.js基础知识入门与提升视频教程课程中的 组件的使用——动态传值小节, 巩固相关知识点