spring-boot+vue项目使用 electron打包exe桌面项目，桌面端出现报错Failed to load resource: net::ERR_FILE_NOT_FOUND（解决）

阿丹：

        因为之前使用百度网盘开放平台进行开发，发现百度网盘只支持在桌面应用的开发上传，所以在使用electron打包vue之后运行出现这个问题 

如果要看到这个报错信息那么需要先打开控制台，可以先参考这个文章

electron打包exe桌面项目打开控制台_艺舟先生的博客-CSDN博客

 错误解析：

        这个问题总体是因为文件的路径不是正确的路径，询问G大神（chatGPT)给出的答案是:

1. 确认文件是否存在：验证这些文件是否存在于您指定的路径中。使用文件资源管理器或命令行来确认文件的实际位置。

2. 检查文件路径：检查您的代码中引用这些文件的路径是否正确。确保路径是准确的，并与文件实际位置相匹配。

3. 调整文件路径：如果您确定文件路径不正确，您可以尝试更改代码中的路径，以正确引用这些文件。确保更新后的路径是准确的，并与文件实际位置相匹配。

4. 检查文件权限：确保您的应用程序具有访问这些文件的权限。如果文件受保护或只有特定用户才能访问，您可能需要更改文件权限。

5. 检查网络连接：有时，"ERR_FILE_NOT_FOUND"错误可能是由于网络连接问题导致的。确保您的应用程序可以访问互联网并下载所需的文件。

发现问题路径：

根据报错信息来看的访问路径是file:///E:static/css/chunk-libs.ea078ece.css

错误就出现在这里因为我们的实际路径并不在这里 。 

以下是正常文件的路径。 

 问题解决思路：

现在需要解决的问题就是现在打包的路径使用的是文件的绝对路径，那么就出现了问题。如果要将应用软件上线给用户进行使用的时候，不可能去使用绝对路径，因为要么去固定用户安装的路径，要么动态的修改后台配置文件的路径这都是不可能的。

可尝试

因为提到的路径 "file:///E:static/css/chunk-libs.ea078ece.css" 是一个本地文件路径，并且它不适用于打包和分发应用程序的环境中。将应用程序发布给终端用户时，终端用户的文件路径会与本地路径不同。

要解决这个问题，可以尝试以下几个步骤：

1. 使用相对路径：相对路径是与当前文件相关的路径。可以在代码中使用相对路径来引用资源文件，而不是使用绝对或本地文件路径。相对路径可以相对于当前文件、当前目录或应用程序的根目录来确定。

2. 使用动态路径：如果应用程序具有动态文件路径需求，可以考虑使用配置文件或环境变量来设置文件路径。这样，可以在部署或发布时根据每个用户的环境设置正确的文件路径。

3. 使用网络路径：另一种方法是将资源文件部署到网络服务器上，并使用网络路径来引用这些文件。可以将资源文件上传到云存储服务或自己的服务器，并使用包含完整网络路径的 URL 来引用这些文件。

4. 使用构建工具：如果使用构建工具（如 webpack）来构建和打包应用程序，可以通过配置合适的路径解决该问题。构建工具通常具有可以处理路径和资源引用的功能，可根据特定环境生成正确的文件路径。

问题解决

因为使用的是若依的前台vue进行的生成exe

找到下面的路径将 publicPath: 在后面的双引号中的“/”全部替换为“./”即可

在 vue.config.js 文件中找到 publicPath 这个属性。在当前的配置中，publicPath 被设置为 process.env.NODE_ENV === "production" ? "./" : "./"。这意味着在生产环境下使用相对路径 ./，而开发环境下也使用相对路径 ./。

展示 ！！！！