vue 打包后IMG 引用失败Failed to load resource: net::ERR_FILE_NOT_FOUND

在Vue打包后，如果图片引用失败，通常是由于打包后的文件路径不正确导致的。可以尝试以下两种方法解决该问题：
1. 在webpack.prod.conf.js中的output添加参数publicPath:’./’，这样打包后的文件路径就会相对于当前目录。
2. 修改webpack.base.conf.js中的url-loader配置，将limit参数设置为较大的值，例如10000，这样小于10KB的图片会被转换成base64编码，而不是被打包成单独的文件。

相关问题

vue2中 Failed to load resource: net::ERR_FILE_NOT_FOUND

在Vue2中，当你打包项目后，可能会遇到"Failed to load resource: net::ERR_FILE_NOT_FOUND"的错误。这个错误通常是由于打包后的文件路径不正确导致的。为了解决这个问题，你可以按照以下步骤进行操作：

1. 找到项目根目录下的vue.config.js文件。如果没有该文件，你可以手动创建一个。

2. 在vue.config.js文件中添加以下代码：

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

这个配置项指定了打包后的文件在浏览器中的基本路径。使用"./"表示相对路径，这样可以确保文件路径正确。

3. 保存文件并重新打包你的Vue项目。

这样，你的项目应该能够正确加载资源文件，不再出现"Failed to load resource: net::ERR_FILE_NOT_FOUND"的错误。

Failed to load resource: net::ERR_FILE_NOT_FOUND vue

"Failed to load resource: net::ERR_FILE_NOT_FOUND" 是一个常见的错误信息，它表示浏览器无法加载指定的资源文件。在Vue项目中，这个错误通常出现在以下几种情况下：

1. 资源文件路径错误：检查你的代码中是否正确引用了资源文件，比如图片、样式表或者脚本文件。确保文件路径是正确的，并且文件存在于指定的路径中。

2. 服务器配置问题：如果你的Vue项目是通过服务器运行的，那么可能是服务器配置有问题导致资源文件无法加载。检查服务器配置文件，确保正确地配置了资源文件的路径和访问权限。

3. 缓存问题：有时候浏览器会缓存资源文件，导致加载错误。你可以尝试清除浏览器缓存，或者在资源文件的URL后面添加一个随机参数来避免缓存。

4. 资源文件不存在：最后一种可能是资源文件确实不存在。请检查资源文件是否存在于指定的路径中，并且文件名是否拼写正确。

如果以上方法都无法解决问题，你可以提供更多的详细信息，比如具体的代码片段或者错误提示，以便我能够更准确地帮助你解决问题。