vue使用kindeditor富文本编辑器上传图片时跨域解决

最新推荐文章于 2024-08-06 14:35:02 发布

七上八下的爆米花

最新推荐文章于 2024-08-06 14:35:02 发布

阅读量3.8k

点赞数

本文链接：https://blog.csdn.net/lanseguhui/article/details/101375903

版权

当我们使用kindeditor富文本编辑器的时候会出现iframe跨域问题

可以通过重定向来解决

第一步：先在项目中创建一个redirect的vue组件

<template>
      <div class="redirect">

      </div>
</template>

<script>
    export default {
        name: "redirect",
      data(){
          return{
            dataObjectUrl:''
          }
      },
      created(){
          this.upload_callback();
      },
      methods:{
        getParameter() {
          // 获取到重定向发送过来的信息
          var uri = decodeURI(window.location.search);
          //有%3A之类的乱码，需要用正则处理一下
          uri = uri.replace(/%3A/g, ":").replace(/%2F/g, "/").replace(/%3F/g, "?").replace(/%3D/g, "=").replace(/%26/g, "&");
          //具体对数据的处理，看后台传过来的类型，最后得到一个json就可以，其中有两个属性，成功的时候，一个error,一个url
          return uri.length > 5 ? JSON.parse(uri.substring(3)) : null
        },
        up