Javascript 带有JSON Stringify和blob的react native和react应用程序中的axios post请求
我正在制作一个应用程序,其中我在react native中调用API端点,但我收到了此错误,但在web应用程序(react已完成)中,它没有显示任何错误,以下是react with typescript中的web应用程序代码Javascript 带有JSON Stringify和blob的react native和react应用程序中的axios post请求,javascript,reactjs,typescript,react-native,axios,Javascript,Reactjs,Typescript,React Native,Axios,我正在制作一个应用程序,其中我在react native中调用API端点,但我收到了此错误,但在web应用程序(react已完成)中,它没有显示任何错误,以下是react with typescript中的web应用程序代码 try { let result: any; const criteriaWithNoFile = { content: filterCriteria.content ? filterCriteria.content
try {
let result: any;
const criteriaWithNoFile = {
content: filterCriteria.content ? filterCriteria.content.trim() : '',
filterLimit: filterCriteria.filterLimit,
sorting: filterCriteria.sorting,
contractionOption: filterCriteria.contractionOption,
contentId: filterCriteria.contentId,
url: filterCriteria.url ? filterCriteria.url.trim() : ''
}
if (localStorage.getItem('currentUserToken')) {
dispatch({
type: LOADER,
payload: true
});
const formData = new FormData();
const jsonFilterCriteria = JSON.stringify(criteriaWithNoFile);
const blobFilterCriteria = new Blob([jsonFilterCriteria], {
type: 'application/json'
});
formData.append("filterData", blobFilterCriteria);
formData.append("filterFile", filterCriteria.selectedFile);
console.log('FormData', formData);
try {
result = await authAxios.post(`${process.env.REACT_APP_BASE_URL}/filter`, formData, {
headers: {
'Content-Type': 'multipart/mixed'
}
});
下面是我在react native中尝试的代码
const filterData = {
content: '',
filterLimit: 1000,
sorting: 'NATURAL',
contractionOption: 'LEAVE_CONTRACTION',
contentId: '',
url:
'https://stackoverflow.com/questions/37552973/get-the-time-zone-with-react-native',
};
const data = new FormData();
const jsonFilter = JSON.stringify(filterData);
const blobFilter = new Blob([jsonFilter], {
type: 'application/json',
});
data.append('filterData', jsonFilter);
data.append('filterFile', selectedFile);
await axios
.post('https://capi.beebl.io/filter', data , {
headers: {
'Content-Type': 'multipart/mixed',
},
})
.then((res) => console.log(res))
.catch((err) => console.log(err));
有人能帮我解决我做错了什么吗…我通过为FileUpload和FilterData创建单独的API来修复它我通过为FileUpload和FilterData创建单独的API来修复它首先,你得到的错误是什么?请求失败,状态代码为500,当我将JSON对象传递给axios时,它会给我状态代码415调试模式和检查网络选项卡,并检查您从后端得到的错误。这不是localhost right=?web应用程序是实时的,没有显示任何错误,但我正在我的计算机上运行移动应用程序,我认为是在本地主机上运行的。首先,出现了什么错误?请求失败,状态代码为500,当我将JSON对象传递给axios时,它会给我状态代码415尝试进入调试模式并检查网络选项卡,然后检查您从后端得到了什么错误。这不是localhost right=?web应用程序是实时的,没有显示任何错误,但我正在我的计算机上运行移动应用程序,我认为它是在本地主机上运行的。。