vite vue 打包之后接口报Failed to load resource: the server responded with a status of 404 (Not Found)

根据你提供的代码，你使用的是Vue和Vite进行项目开发。你在配置文件中指定了publicPath为"./static"，这意味着你的静态资源路径必须在static文件夹下。另外，你还配置了devServer，使得在运行`npm run dev`时会自动打开页面。

你的问题是在使用Vite打包后，接口报错"Failed to load resource: the server responded with a status of 404 (Not Found)"。这个错误通常是由于接口路径配置错误或者服务器无法找到对应的资源所导致的。

首先，你需要确保你的接口路径是正确的，并且与打包后的文件结构相匹配。你可以检查你的接口配置，并确认是否有任何拼写错误或其他错误导致路径不正确。

如果你的接口路径是正确的，那么可能是服务器无法找到对应的资源。你可以检查你的服务器配置，确保正确配置了静态资源路径，即"./static"。另外，你还可以尝试在Vite的配置文件中添加一个额外的配置项来指定打包后资源的输出路径。

总结起来，你需要检查以下几个方面来解决这个问题：
1. 检查接口路径是否正确，并与打包后的文件结构相匹配。
2. 确保服务器正确配置了静态资源路径。
3. 尝试在Vite的配置文件中添加额外的配置项以指定打包后资源的输出路径。

希望这些信息能对你有所帮助！<span class="em">1</span>
#### 引用[.reference_title]
- *1* [vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not ...](https://blog.csdn.net/Oxding/article/details/122862427)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]