Avue 富文本编辑器 avue-plugin-ueditor 无法上传图片

//package.json
"dependencies": { "@smallwei/avue": "^2.8.23", "avue-plugin-ueditor": "^0.2.3", "vue": "^2.6.14" }, "devDependencies": { "@vue/cli-service": "4.4.4", "vue-template-compiler": "^2.5.17" }

 

//main.js
import AvueUeditor from "avue-plugin-ueditor";
Vue.use(AvueUeditor);

//解决post请求报错
import axios from "axios";
Vue.prototype.$axios = axios;
//使用 .vue
<template>
  <basic-container>
    <avue-crud v-bind="bindVal" v-on="onEvent" v-model="form" :page.sync="page">
      <template #contentForm="{type,disabled}">
        <avue-ueditor v-model="text" :options="options"></avue-ueditor>
      </template>
    </avue-crud>
  </basic-container>
</template>

<script>
export default {
    data() {
      return {
        text: "",
        options: {
          //普通图片上传
          action: "https://avuejs.com/imgupload",
          customConfig: {}, //wangEditor编辑的配置
          props: {
            res: "data",
            url: "url",
          },
        },
      };
    },

 }

 

注意版本号,使用“

https://avuejs.com/imgupload

”记得配置跨域

posted @ 2021-10-15 14:38  前方远在端点  阅读(1936)  评论(0编辑  收藏  举报