vue.config.js 图片文件修改为相对路径

Vue.config.js 文件是用来配置 Vue CLI 构建过程的一些全局选项，如果你想将图片文件从绝对路径改为相对路径，你可以直接在 `publicPath` 属性上进行设置。默认情况下，它通常是 `/`，表示相对于项目根目录。如果你的图片位于 `assets/images` 目录下，可以这样配置：

// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/your-relative-path/' // 生产环境
    : './', // 开发环境，相对路径
  //...
};

这里，`./` 表示当前目录，生产环境下，如果你想保留原来文件结构不变，那么路径就是 `/your-relative-path/images/`。

当你通过 `import` 引入图片时，可以直接使用相对路径，例如：

import logo from '@/assets/images/logo.png';

这样，在构建后的应用中，图片会被自动处理成正确的相对URL。