打包vue项目后，图片用的是本地地址，应该如何解决

在 Vue 项目中，如果在组件中使用了本地图片，打包后会出现路径错误的情况。因为本地图片是相对于开发环境的路径，而打包后的文件路径已经发生了变化，所以需要对相对路径进行修改。

有以下两种常用的解决办法：

1. 使用 `public` 文件夹

在 Vue 项目中，可以使用 `public` 文件夹来存放静态资源，例如图片。在模板中使用相对路径时，直接使用 `public` 文件夹中的路径即可。例如：

   <img src="/img/logo.png">

打包后，路径会自动转换成相对于网站根目录的路径。

注意：在使用 `public` 文件夹时，需要将图片等静态资源放到 `public` 文件夹中，并在打包前确认文件路径是否正确。

2. 使用 `require` 方法

在 Vue 的组件中，可以使用 `require` 方法来引入本地图片。例如：

   <template>
     <img :src="require('@/assets/logo.png')">
   </template>

在打包后，`require` 方法会将图片路径转换成相对于打包后的文件路径，从而正确引入图片。

注意：使用 `require` 方法时，需要在路径前面添加 `~` 或 `@`，表示引用的是 `src` 目录下的文件。

以上两种方法都可以解决打包后图片路径错误的问题，具体选择哪种方法，视个人情况而定。