这几天写一个上传Excel表功能。
使用iview中的Upload上传组件实现,
写法比较简单,将组件直接复制过来,action的上传地址改成后端给到的完整的接口就好
完整代码
<Upload :action="this.$baseUrl + 'customer_service_call_notification/add_customer_service_call_excel'"
accept=".xlsx"
:format="['xlsx']"
:on-success="uploadSurfaceSuccess"
:on-progress="handleUploadSurfaceProgress"
:show-upload-list="false"
>
后端给到完整的接口一般是
https://xp.iew.com/*******xxxxxxxxx等等
但是我们在代码里面又不能直接这样写,https后面的//
会被认作注释,后面的接口地址也就被注释掉,不能用了。
所以这个时候需要我们将前面固定的接口配置一下,再拼接上后面的接口名称即可
配置步骤
打开当前文件的main.js文件
try {
root = CONFIG.API_URL;
}
catch(error){
}
Vue.prototype.$baseUrl = root;
这样就可以在其他页面直接引用$baseUrl,完成第一张图的操作