wangeditor Uncaught (in promise) Error: Cannot get upload server address 没有配置上传地址

WangEditor是一个基于Web的富文本编辑器，如果你遇到`Uncaught (in promise) Error: Cannot get upload server address`错误，这通常意味着你在初始化编辑器的时候忘记设置了上传服务器的地址。WangEditor需要一个后端服务来处理文件上传，因为编辑器可能会包含用户生成的内容，如图片、附件等。

当你看到这个错误，你可以参考以下几个步骤来解决：

1. **检查配置**：确保在使用WangEditor时，你的配置文件（通常是JavaScript对象）包含了`uploadUrl`属性，它应该指向你的服务器API endpoint，例如：`config.uploadUrl = '/api/upload';`。

const editor = new WangEditor('container', {
  // 其他配置项...
  uploadUrl: 'http://yourserver.com/api/upload',
});

2. **后端支持**：确保你的服务器已经设置好接收文件上传的路由，并且能正确响应编辑器发送的POST请求。

3. **跨域问题**：如果后端部署在其他域名下，你还需要配置前端的CORS策略，允许从编辑器发起的跨域请求。

4. **网络连接**：如果问题是由于暂时性的网络问题，可以尝试刷新页面或稍后再试。

相关问题

Uncaught (in promise) Error: Cannot get upload server address 没有配置上传地址

This error message is indicating that there is no upload server address configured. In order to resolve this issue, you will need to check your application configuration and ensure that the upload server address is properly set. This could involve updating your application code or settings to specify the correct address. If you are unsure of how to do this, you may need to consult your application documentation or seek assistance from a developer or IT professional.

const editorConfig: Partial<IEditorConfig> = { // 在编辑器中，点击选中“附件”节点时，要弹出的菜单 hoverbarKeys: { attachment: { menuKeys: ['downloadAttachment'], // “下载附件”菜单 }, }, MENU_CONF: { // “上传附件”菜单的配置 uploadAttachment: { customUpload: true, // 开启自定义上传 onUpload(file: File) { // 调用自定义的上传方法 console.log(file); }, // 插入到编辑器后的回调 onInsertedAttachment(elem: any) { console.log('inserted attachment', elem); }, }, }, }; 配置完成后上传附件后报错 mf-dep____vendor.d64c5d34.js:111070 Uncaught (in promise) Error: Cannot get upload server address 没有配置上传地址

出现 "Cannot get upload server address" 错误，说明在上传附件时，编辑器找不到上传服务器的地址。因此，你需要在编辑器的配置文件中设置 `uploadImgServer` 字段，其值应该是你的上传服务器的地址。具体修改如下：

const editorConfig: Partial<IEditorConfig> = {
  // 在编辑器中，点击选中“附件”节点时，要弹出的菜单
  hoverbarKeys: {
    attachment: {
      menuKeys: ['downloadAttachment'], // “下载附件”菜单
    },
  },
  // 设置上传服务器地址
  uploadImgServer: 'http://your-upload-server.com/upload',
  MENU_CONF: {
    // “上传附件”菜单的配置
    uploadAttachment: {
      customUpload: true, // 开启自定义上传
      onUpload(file: File) {
        // 调用自定义的上传方法
        console.log(file);
      },
      // 插入到编辑器后的回调
      onInsertedAttachment(elem: any) {
        console.log('inserted attachment', elem);
      },
    },
  },
};

修改后，你的自定义上传方法应该可以正常使用了。如果还有问题，请仔细检查上传服务器的地址是否正确，并且上传接口是否能够正常响应。