部署后我只看到白屏，而我可以看到应用程序运行良好答案

【问题标题】：I see only white screen after deployment while I can see app running fine部署后我只看到白屏，而我可以看到应用程序运行良好
【发布时间】：2022-01-27 02:19:13
【问题描述】：

我正在 Visual Studio 中开发一个 Vue 项目。我能够在本地构建和运行我的应用程序，没有任何问题。所以我复制了 dist 文件夹的内容并将它们添加到服务器。我使用适当的 url 测试了我的应用程序，但我看不到这些页面。它只显示白屏。服务器是 AWS。如果这是问题，我还授予 IIS 用户权限。你能帮我解决这个问题吗？

Text file for testing returned good

Dashboard returning white screen

【问题讨论】：

标签： amazon-ec2 vuejs2 visual-studio-2019 web-deployment

【解决方案1】：

您检查过控制台日志吗？您确定所有内容都已正确上传吗？

【讨论】：

感谢您提醒我这一点。我收到 4 个“加载资源失败：服务器响应状态为 404 ()”错误，但其中没有详细信息...我怎么知道为什么会抛出此错误？
hmm 你确定这些文件在服务器上吗？上述文件夹中的 .htaccess 是否会覆盖路径的规则？
是的，它们是……我刚刚检查了它们，它们都在那里

【解决方案2】：

我通过在 package.json 旁边添加一个 vue.config.js 文件解决了这个问题。问题是，我将我的项目部署在一个子文件夹中，它在 index.html 中寻找“BASE_URL”，它指向 wwwroot 文件夹而不是子文件夹。

所以我添加了

 module.exports = {
    publicPath: './'
};

到神奇地解决问题的 vue.config.js 文件！！！

【讨论】：