vue3.0 UEditor 配置，及打包后编辑器路径不对的问题

1.第一步：下载Ueditor相关静态文件

2.修改ueditor文件夹，引入项目中

下载文件后解压——重命名为 UEditor，vue3.0下，放在public文件夹下面

3.安装模块 vue-ueditor-wrap

npm i vue-ueditor-wrap -D

4.将vue-ueditor-wrap引入你要使用的组件或页面中
1、

    import VueUeditorWrap from 'vue-ueditor-wrap'

2、

  components: {

        VueUeditorWrap

     }

3、

    <vue-ueditor-wrap v-model="value" :config="myConfig" />

4、

data () {

  return {

    value: '这是我调用vue-ueditor-wrap的案例',

    myConfig: {

      // 编辑器不自动被内容撑高

      autoHeightEnabled: false,

      // 初始容器高度

      initialFrameHeight: 240,

      // 初始容器宽度

      initialFrameWidth: '100%',

      // 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！）

      serverUrl: 'http://35.201.165.105:8000/controller.php',

      // UEditor 资源文件的存放路径，如果你使用的是 vue-cli 生成的项目，通常不需要设置该选项，vue-ueditor-wrap 会自动处理常见的情况，如果需要特殊配置，参考下方的常见问题2

      UEDITOR_HOME_URL: 'UEditor/'

    }

  }

}

修改UEditor中的配置文件ueditor.config.js中的UEDITOR_HOME_URL

 /**
     * 编辑器资源文件根路径。它所表示的含义是：以编辑器实例化页面为当前路径，指向编辑器资源文件（即dialog等文件夹）的路径。
     * 鉴于很多同学在使用编辑器的时候出现的种种路径问题，此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
     * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。
     * 如果站点中有多个不在同一层级的页面需要实例化编辑器，且引用了同一UEditor的时候，此处的URL可能不适用于每个页面的编辑器。
     * 因此，UEditor提供了针对不同页面的编辑器可单独配置的根路径，具体来说，在需要实例化编辑器的页面最顶部写上如下代码即可。当然，需要令此处的URL等于对应的配置。
     * window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
     */
    window.UEDITOR_HOME_URL = "/public/UEditor/";
    var URL = window.UEDITOR_HOME_URL || getUEBasePath();