Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有JSON Stringify和blob的react native和react应用程序中的axios post请求_Javascript_Reactjs_Typescript_React Native_Axios - Fatal编程技术网

Javascript 带有JSON Stringify和blob的react native和react应用程序中的axios post请求

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

我正在制作一个应用程序,其中我在react native中调用API端点,但我收到了此错误,但在web应用程序(react已完成)中,它没有显示任何错误,以下是react with typescript中的web应用程序代码

 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应用程序是实时的,没有显示任何错误,但我正在我的计算机上运行移动应用程序,我认为它是在本地主机上运行的。。