uniapp安卓端使用axios和renderjs上传FormData参数

<template> <view> <!--<button @click="request">调用 RenderJS 方法</button>--> <view v-show="false" :data="data" :change:data="requestModule.realRequest"></view> </view> </template> <script> import config from '@/config' import { getToken } from '@/utils/auth' export default { data() { return { data: { url: '', formData: "", randomValue: '' } } }, methods: { request(url, formData) { this.data = { url: config.baseUrl+url, formData: formData, authorization: getToken(), randomValue: Math.floor(1000 + Math.random() * 9000) } }, response(resp) { console.log("resp", resp); this.$emit('response', resp); } } } </script> <script module="requestModule" lang="renderjs"> import axios from 'axios'; export default { methods: { realRequest(newValue, oldValue) { //const obj = JSON.parse(newValue); if(!newValue.url) { return } const formData = new FormData(); formData.append('form', JSON.stringify(newValue.formData)); axios.post(newValue.url, formData, { headers: { 'Content-Type': 'multipart/form-data', // 确保设置正确的 Content-Type 'Authorization': newValue.authorization } }) .then(response => { //console.log('文件上传成功:', response.data); this.$ownerInstance.callMethod("response", response); }) .catch(error => { console.error('文件上传失败:', error); //this.$ownerInstance.callMethod("response", error); }); } } }; </script> <style> </style>

调用

<template> <view> <button @click="request">调用 RenderJS 方法</button> <requestFormData ref="requestFormData" @response="response"></requestFormData> </view> </template> <script> import requestFormData from '@/components/requestFormData/requestFormData.vue'; export default { components: { requestFormData, }, data() { return { } }, methods: { request() { this.$refs.requestFormData.request('/foundation/api/mingmenDailyMiss/edit',{'businessData':JSON.stringify({'id':'1879451746490097665','name':'蓝颜来','birth':'1888-15-12','demiseTime':'2000-11-01','buriedIn':'南阳市','introduction':'我是简介','motto':'我是座右铭'}),'continuedUseFileIds':''}); }, response(e){ console.log("父组件拿到响应", e); } } } </script> <style> </style>