Vue之跨域上传excel表格

在前后端分离的项目上，总会存在一些跨域的问题，在项目中前端用vue.js，后端用thinkphp5。废话不多说，撸起袖子直接干。跨域的解决方法是服务端跨域头的配置！

前端实现：

在页面创建一个选择文件的按钮，通过按钮点击触发chooseFile函数来模拟input[type='file']点击选择文件事件。监听input[type='file']的onchange事件，来获取选中文件对象，再通过点击确认导入按钮触发upFile函数来实现文件的异步上传。

后端实现：
建立一个公共控制器，配置跨域头

param();
        $this->param = $param;
    }
}

新建控制器用来处理文件上传， excel导入数据库的代码，可参考 链接项目！

    //excel导入

public function loadexcel($file,$name){
    vendor("PHPExcel.PHPExcel");
    $objReader = PHPExcel_IOFactory::createReaderForFile($file);
    $objPHPExcel = $objReader->load($file, $encode='utf-8');
    $sheet = $objPHPExcel->getSheet(0);
    $highestRow = $sheet->getHighestRow();           //取得总行数
    //$highestColumn = $sheet->getHighestColumn(); //取得总列数
    $data = array();
    $info = array();
此处代码省略……
}
}