Javascript Fetch：错误意外令牌 < in JSON at position 0

Question

我正在向我的 Django 视图发送 POST 请求。当我在本地运行代码时它可以工作但是当我在我的 apache 服务器上运行它时它给我一个 500 错误。请问你能帮帮我吗 ！！

这是我的代码：

  form.addEventListener('submit', e=>{

            e.preventDefault()

            const baseInput = document.querySelector('#inputbaseform0')

            if(baseInput.value !== null){

                $('#loadMe').modal('show');

                let data = {}

                data['base'] = baseInput.value

                data['tiempo'] =tiempo.value

                data['otros'] =otros.value

       

                

                let url = "{% url 'cal' %}";

                

                fetch(url, {

                    method: "POST",

                    credentials: "same-origin",

                    headers: {

                        "X-CSRFToken": document.querySelector('#form0 input').value,

                        "Accept": "application/json",

                        "Content-Type": "application/json"

                    },

                    body: JSON.stringify(data)

                }).then(function(response){

                    return response.json();

                }).then(function(data){

                    console.log('ERROR: ', data.error)

                    baseData = parseFloat(data.base).toFixed(2)

                    deducir.value = data.porciento//porciento

                    

                    $('#loadMe').modal('hide');

                }).catch(function (e){

                    console.log('Error', e);

                    $('#loadMe').modal('hide');

                })

            }

        })

    })

Answer 1

你的问题不在你的js代码中。此代码完全符合您的要求，尝试将响应数据解析为 json。但是你的django视图由于某种原因返回了500错误页面，这个页面是以“<”开头的html。日志可以告诉您为什么您的 Django 视图抛出异常。