(vue)页面文件上传获取:action地址
(vue)文件上传获取:action地址
使用untils文件夹下request.js里的值(根据项目架构定)
...
Window.prototype.globalConfig = {..., "request2_url":"http://..., ...};
...
错误写法:
原因:动态拼接的模板无法渲染成功,会报未定义的错误
<Upload
slot="append"
:on-format-error="handleJarFileError"
:on-success="handleJarFileSuccess"
:show-upload-list="false"
:action="`${globalConfig.request2_url}/rest/v2/...`" //上传地址
accept=".jar"
><Icon type="ios-cloud-upload-outline"
/></Upload>
修改后:
将动态绑定的属性写在data中
<Upload
slot="append"
:on-format-error="handleJarFileError"
:on-success="handleJarFileSuccess"
:show-upload-list="false"
:action="actionUrl" //上传地址
accept=".jar"
><Icon type="ios-cloud-upload-outline"
/></Upload>
data() {
return {
actionUrl: `${globalConfig.request2_url}/rest/v2/...`,
}
}