vue项目打包之后图片路径由http://localhost:8080/day.png变为http://localhost:8080/day.0348ed.png怎么解决

这是因为 Vue 项目在打包时会给每个静态资源文件生成一个哈希值作为文件名的一部分，是为了解决浏览器缓存问题。如果你的图片路径发生了变化，可能是因为你修改了该图片，或者是你修改了 webpack 配置中关于哈希值的设置。

解决方法如下：

1.在你的 Vue 项目中找到该图片的引用位置，将图片路径改为 `require('@/assets/day.png')` 的形式，这样 Webpack 会解析路径并自动添加哈希值。

2.在 webpack 配置文件中找到 `output` 属性，并将其中的 `filename` 和 `chunkFilename` 的值改为 `[name].[hash].js` 或者 `[name].[contenthash].js`，这样 Webpack 会给文件名添加哈希值。

如果以上方法修改后仍然无法解决问题，可以尝试将图片放在 public 目录下，并直接引用该图片路径。

相关问题

vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)

这个错误通常是因为你的请求路径不正确或者你的本地服务器没有正确配置。你可以尝试以下几个步骤来解决这个问题：

1. 确认请求路径是否正确，可以通过打印请求路径来检查。确保请求路径与本地服务器的路径保持一致。

2. 确认本地服务器是否正确配置，你需要确保你的本地服务器能够正确识别你的请求。例如，在使用Vue.js时，你需要在vue.config.js文件中配置你的代理，以便在本地服务器上正确识别请求。

3. 确认资源是否存在，如果你请求的是一个文件，你需要确保该文件存在于你的本地服务器中，并且路径正确。

如果以上步骤都没有解决问题，你可以尝试使用浏览器的开发者工具来查看更多的错误信息，这有助于你更好地了解出错的原因。

怎样将vue3项目默认启动地址http://127.0.0.1:5173/改成http://localhost:8080/

在 Vue 3 项目中，可以通过修改 Vite 的配置来将默认启动地址从 `http://127.0.0.1:5173/` 改为 `http://localhost:8080/`。具体操作步骤如下：

1. 在项目根目录下创建一个 `vite.config.js` 文件。

2. 在 `vite.config.js` 文件中，配置 `server` 选项，例如：

   module.exports = {
     server: {
       host: 'localhost',
       port: 8080
     }
   }

在上面的配置中，`host` 选项表示要监听的主机名，这里我们将其设置为 `localhost`；`port` 选项表示要启动的端口号，这里我们将其设置为 `8080`。

3. 保存 `vite.config.js` 文件。然后在控制台中运行以下命令启动项目：

   npm run dev

或者

   yarn dev

这样，项目就会在 `http://localhost:8080/` 上启动了。

需要注意的是，如果你想要完全禁用 IPv6 地址，可以在 `server` 选项中添加一个 `https` 选项，例如：

module.exports = {
  server: {
    host: 'localhost',
    port: 8080,
    https: false
  }
}

这样，Vite 就会禁用 IPv6 地址，只使用 IPv4 地址。