在vite vue3 tinymce的项目中，public的部署路径和vue项目在同一级，平级时，静态文件路径应该如何配置

在 Vite 与 Vue 3 的项目中，如果 Tinymce 的静态文件（如编辑器的皮肤、图标等）需要与 Vue 项目部署在同一级目录下，你需要确保在 Vite 配置文件中正确设置 publicDir 的路径和对应的别名。

通常情况下，Vite 会将 public 目录中的文件直接复制到 dist 目录下，但是如果你的静态文件并不在 public 目录下，而是与 Vue 项目平级，那么你需要手动配置静态文件的路径。具体操作如下：

1. 在 Vite 配置文件（vite.config.js 或 vite.config.ts）中，你可以使用 `root` 属性设置项目的根目录。

2. 使用 `publicDir` 属性设置静态资源目录的路径，这个目录会被复制到构建目录中。

3. 如果静态文件是在项目的根目录下的某个文件夹中，你可以设置一个别名（alias），在 JavaScript 中通过这个别名来引用静态文件的路径。

例如，如果你的静态文件放在项目的根目录下的 `static` 文件夹中，可以这样配置：

import { defineConfig } from 'vite';

export default defineConfig({
  root: process.cwd(), // 使用当前工作目录作为项目根目录
  publicDir: 'static', // 设置静态资源目录
  resolve: {
    alias: {
      '@static': path.resolve(__dirname, 'static'), // 设置别名
    },
  },
  // 其他配置...
});

在 Vue 组件中，你可以通过别名来引用静态文件：

<template>
  <div>
    <img src="@static/path/to/your/image.png" alt="Image">
  </div>
</template>

确保在使用静态文件的路径时，使用的是配置好的别名路径。