programing

"Syntax Error:위치 0"의 JSON에 예기치 않은 토큰이 있습니다.

firstcheck 2022. 9. 26. 21:46
반응형

"Syntax Error:위치 0"의 JSON에 예기치 않은 토큰이 있습니다.

Facebook과 같은 콘텐츠 피드를 처리하는 React 앱 컴포넌트에서 오류가 발생했습니다.

Feed.js:94 정의되지 않은 "parserror" "SyntaxError:위치 0의 JSON에 예기치 않은 토큰이 있습니다.

렌더링 기능 내의 HTML에 오타가 있는 것과 같은 에러가 발생했습니다만, 여기에서는 그렇지 않은 것 같습니다.

더 혼란스러운 것은, 코드를 이전의 동작하고 있는 버전으로 되돌렸는데도, 아직 에러가 발생하고 있다는 것입니다.

Feed.js:

import React from 'react';

var ThreadForm = React.createClass({
  getInitialState: function () {
    return {author: '', 
            text: '', 
            included: '',
            victim: ''
            }
  },
  handleAuthorChange: function (e) {
    this.setState({author: e.target.value})
  },
  handleTextChange: function (e) {
    this.setState({text: e.target.value})
  },
  handleIncludedChange: function (e) {
    this.setState({included: e.target.value})
  },
  handleVictimChange: function (e) {
    this.setState({victim: e.target.value})
  },
  handleSubmit: function (e) {
    e.preventDefault()
    var author = this.state.author.trim()
    var text = this.state.text.trim()
    var included = this.state.included.trim()
    var victim = this.state.victim.trim()
    if (!text || !author || !included || !victim) {
      return
    }
    this.props.onThreadSubmit({author: author, 
                                text: text, 
                                included: included,
                                victim: victim
                              })
    this.setState({author: '', 
                  text: '', 
                  included: '',
                  victim: ''
                  })
  },
  render: function () {
    return (
    <form className="threadForm" onSubmit={this.handleSubmit}>
      <input
        type="text"
        placeholder="Your name"
        value={this.state.author}
        onChange={this.handleAuthorChange} />
      <input
        type="text"
        placeholder="Say something..."
        value={this.state.text}
        onChange={this.handleTextChange} />
      <input
        type="text"
        placeholder="Name your victim"
        value={this.state.victim}
        onChange={this.handleVictimChange} />
      <input
        type="text"
        placeholder="Who can see?"
        value={this.state.included}
        onChange={this.handleIncludedChange} />
      <input type="submit" value="Post" />
    </form>
    )
  }
})

var ThreadsBox = React.createClass({
  loadThreadsFromServer: function () {
    $.ajax({
      url: this.props.url,
      dataType: 'json',
      cache: false,
      success: function (data) {
        this.setState({data: data})
      }.bind(this),
      error: function (xhr, status, err) {
        console.error(this.props.url, status, err.toString())
      }.bind(this)
    })
  },
  handleThreadSubmit: function (thread) {
    var threads = this.state.data
    var newThreads = threads.concat([thread])
    this.setState({data: newThreads})
    $.ajax({
      url: this.props.url,
      dataType: 'json',
      type: 'POST',
      data: thread,
      success: function (data) {
        this.setState({data: data})
      }.bind(this),
      error: function (xhr, status, err) {
        this.setState({data: threads})
        console.error(this.props.url, status, err.toString())
      }.bind(this)
    })
  },
  getInitialState: function () {
    return {data: []}
  },
  componentDidMount: function () {
    this.loadThreadsFromServer()
    setInterval(this.loadThreadsFromServer, this.props.pollInterval)
  },
  render: function () {
    return (
    <div className="threadsBox">
      <h1>Feed</h1>
      <div>
        <ThreadForm onThreadSubmit={this.handleThreadSubmit} />
      </div>
    </div>
    )
  }
})

module.exports = ThreadsBox

Chrome 개발자 도구에서 오류는 다음 기능에서 발생하는 것으로 보입니다.

 loadThreadsFromServer: function loadThreadsFromServer() {
    $.ajax({
      url: this.props.url,
      dataType: 'json',
      cache: false,
      success: function (data) {
        this.setState({ data: data });
      }.bind(this),
      error: function (xhr, status, err) {
        console.error(this.props.url, status, err.toString());
      }.bind(this)
    });
  },

console.error(this.props.url, status, err.toString()조했했다

서버에서 JSON 데이터를 꺼내는 것과 관련이 있는 것 같아 빈 DB부터 시작해보았지만 오류가 지속됩니다.이 에러는 무한 루프에서 호출되는 것으로 생각됩니다.이는 React가 지속적으로 서버에 접속을 시도하고 최종적으로 브라우저를 크래시하기 때문입니다.

편집:

Chrome dev 툴과 Chrome REST 클라이언트로 서버 응답을 확인했는데, 데이터는 JSON이 맞는 것 같습니다.

편집 2:

을 반환하고 는 "API"를 폴링하고 .http://localhost:3000/?_=1463499798727했던 '대신'이 '대신'으로http://localhost:3001/api/threads.

포트 3000에서 웹 팩 핫 새로고침 서버를 실행하고 포트 3001에서 express 앱을 실행하여 백엔드 데이터를 반환하고 있습니다.여기서 답답한 것은 지난번 작업을 했을 때 올바르게 동작하고 있었는데, 그것을 깨기 위해 무엇을 바꿀 수 있었는지 찾을 수 없다는 것입니다.

Chrome을 때 Chrome에서 합니다.JSON.parse('<...')서버 설정 중이라면서요?Content-Type:application/json하지만 응답 본문은 사실 HTML이라고 생각합니다.

Feed.js:94 undefined "parsererror" "SyntaxError: Unexpected token < in JSON at position 0"

console.error(this.props.url, status, err.toString())조했했다

err실제로 그 안에 던져졌다.jQueryerr이 행에 밑줄이 그어진 이유는 단순히 해당 행이 로깅되는 위치이기 때문입니다.

로깅에 추가할 것을 제안합니다. ★★★★★★★★★★★★★★★★★★★★★★.xhr(XMLHttpRequest) "XMLHttpRequest" "XMLHttpRequest는 "XMLHttpRequest" 입니다. 번 더 써보세요.console.warn(xhr.responseText)HTML을 사용하다

XML 「HTML(XML)」은 「HTML(XML)」입니다.dataType: jsonjQuery JSON 。서버 응답 내용을 보려면 Chrome 개발 도구의 "네트워크" 탭을 확인하십시오.

을 사용하다않은 cancan으로 이 cancan URL로 .users/sign_in. html에 【URL】【json】【html】【html】【html】【html】【html】【html】【html】.의 첫 는 html 입니다.<.

구문 오류:위치 0의 JSON에 예기치 않은 토큰이 있습니다.


json 대신 HTML 파일(또는 XML)을 가져옵니다.

은 HTML로 합니다.<!DOCTYPE html>.

「이러다」라고 하는 「라고 하는 것입니다.https:// 집에서는fetch★★★★

fetch(`/api.github.com/users/${login}`)
    .then(response => response.json())
    .then(setData);

나는 내 직감을 확인했다.

JSON이 아닌 텍스트로 답변을 기록했습니다.

fetch(`/api.github.com/users/${login}`)
    .then(response => response.text())
    .then(text => console.log(text))
    .then(setData);

네, html 파일입니다.

솔루션:

했습니다.「 」 「 」 「 」 「 」 「 」 「 」 。https:// 집에서는fetch★★★★★★ 。

fetch(`https://api.github.com/users/${login}`)
    .then(response => response.json())
    .then(setData)
    .catch(error => (console.log(error)));

이 경우 웹 팩을 실행하고 있었는데 로컬 node_modules dir 어딘가에서 파손된 것으로 판명되었습니다.

rm -rf node_modules
npm install

...다시 제대로 작동시키기에 충분했다.

"SyntaxError: (SyntaxError:위치에 있는 JSON에 예기치 않은 토큰 m이 있습니다. 여기서 토큰 'm'은 다른 문자일 수 있습니다.

DB 테스트에 RESTconsole을 사용할 때 JSON 오브젝트의 큰따옴표 중 하나를 놓쳤음을 알 수 있습니다.{ name : " math " } 。정답은 { name : " math " } 입니다.

나는 이 어설픈 실수를 알아내는 데 많은 노력이 필요했다.나는 다른 사람들도 비슷한 부랑자들과 마주칠까 봐 두렵다.

는, 응답을 「이러다」라고 했을 경우에 합니다.application/jsonHTML을 사용합니다.기본적으로 이 이 있는 URL의 측 때 합니다.JSON url url 。HTML 。

나도 같은 문제에 직면해 있었다.

제거했습니다.dataType:'json' $.ajax★★★★★★ 。

하시는 분create-react-app로컬 json 파일을 가져오려고 합니다.

「 」와 create-react-app,webpack-dev-server하기 위해 "요청", "요청", "요청", "요청"을 합니다.index.html

구문 오류:위치 0의 JSON에 예기치 않은 토큰 <이 있습니다.

문제를 을 .webpack-dev-server컨피규레이션파일

여기서부터 순서대로 하시면 됩니다.

간단히 말하면, 이 에러나 같은 에러가 발생하고 있는 경우는, 1개의 에러입니다.즉, 코드 베이스의 어딘가에서 유효한 JSON 포맷이 처리되기를 기대했지만, 취득하지 못했습니다.예를 들어 다음과 같습니다.

var string = "some string";
JSON.parse(string)

라고 하는 에러를 던집니다.

학습되지 않은 구문 오류:위치 0의 JSON에 예기치 않은 토큰이 있습니다.

왜냐하면 첫 번째 는 '''의 첫 ''입니다.stringsJSON을 사용하다과 같이 말합니다예를 들어 다음과 같습니다.

var invalidJSON= '{"foo" : "bar", "missedquotehere : "value" }';
JSON.parse(invalidJSON)

오류 발생:

VM598:1 Uncaught SyntaxError: Unexpected token v in JSON at position 36

문자열 입니다.invalidJSON【36】

그리고 그걸 고친다면:

var validJSON= '{"foo" : "bar", "missedquotehere" : "value" }';
JSON.parse(validJSON)

JSON에서 객체를 제공합니다.

이 에러는, 어느 장소에서도, 어느 프레임워크/라이브러리에서도 발생할 수 있습니다.대부분의 경우 유효한 JSON이 아닌 네트워크 응답을 읽을 수 있습니다.따라서 이 문제를 디버깅하는 절차는 다음과 같습니다.

  1. curlAPI를 사용하다
  2. 하여 '어느 정도/어느 정도'로 JSON.parse류류가발발발발수수수 수수수수수
  3. 그렇지 않은 경우 코드가 원래 응답을 변환하거나 변경하지 않았는지 확인하십시오.

이 오류는 변수에 반환값을 할당하지 않은 결과입니다.다음 원인으로 인해 에러 메시지가 표시되었습니다.

return new JavaScriptSerializer().Serialize("hello");

다음으로 변경했습니다.

string H = "hello";
return new JavaScriptSerializer().Serialize(H);

변수가 없으면 JSON은 데이터 형식을 올바르게 지정할 수 없습니다.

미래의 구글 사용자:

이 메시지는 서버 측 함수가 크래쉬 했을 때 생성됩니다.

또는 서버측 기능이 존재하지 않는 경우(예: 함수 이름에 오타가 있습니다.

GET 요청을 사용하고 있다고 가정합니다.모든 게 완벽해 보이고 모든 걸 세 번 확인했잖아요

그 GET 문자열을 한 번 더 확인합니다.저는 다음과 같이 했습니다.

'/theRouteIWant&someVar=Some value to send'

그래야 한다

'/theRouteIWant?someVar=Some value to send'
               ^

CrAsH! (... 보이지 않게 서버상에서...)

Node/Express 다시 만났습니다: 믿을 수 없을 정도로 도움이 되는 메시지를 전달한다.
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

내 경우 애저에 각도 2/4 사이트, mySite/api/에 API호출...mySite 라우팅 문제로 인해 보냈다를 주최했다.그래서, 그것은 api JSON대신 이면 리디렉션 된 페이지부터 HTML으로 돌아오고 있었다.나는 api 방향에 대한web.config 파일에서 제외 덧붙였다.

지역적으로 개발하기 때문에 사이트 및 API여러 항구들에 나는 이 오류아 넘어간 거 아니야아마도 굉장히 더 좋은 방법은 그건 아르바이트를 했다.

<?xml version="1.0" encoding="UTF-8"?>
 
<configuration>
    <system.webServer>
        <rewrite>
        <rules>
        <clear />
 
        <!-- ignore static files -->
        <rule name="AngularJS Conditions" stopProcessing="true">
        <match url="(app/.*|css/.*|fonts/.*|assets/.*|images/.*|js/.*|api/.*)" />
        <conditions logicalGrouping="MatchAll" trackAllCaptures="false" />
        <action type="None" />
        </rule>
 
        <!--remaining all other url's point to index.html file -->
        <rule name="AngularJS Wildcard" enabled="true">
        <match url="(.*)" />
        <conditions logicalGrouping="MatchAll" trackAllCaptures="false" />
        <action type="Rewrite" url="index.html" />
        </rule>
 
        </rules>
        </rewrite>
    </system.webServer>
</configuration>

2022년 업데이트: :이이 2022 2022 2022 2022 2022 2022 2022 2022 2022 2022 。이 제안 위한 해결 방법-직접적인 해결책의 더 많은 부르는 게 낫겠어요. 좋은 호스팅 은 단순히 하지 않는 입니다.api당신의 웹 사이트 언더 패스스러운 길;차라리, 베이스 분리 URL에 전적으로 그들을 베풀어 주세요.제 사용 사건 예를 들어, API, 그리고 웹 길은 온통 AzureWebServices와 다른 URL끝점이 있을 것으로 분리될 것이다.

이었다.stringJSON의 약칭입니다. simple example: JSON.parse('{hello there}')가 hh로 표시됩니다.앞에 .「 URL 」 。employee_names([{"name":.... 0.0의하고 있었습니다.콜백 URL 자체에 수정 시 오브젝트만 반환되는 문제가 있었습니다.

일반적으로 이 오류는 구문 오류가 있는 JSON 개체를 구문 분석할 때 발생합니다.메시지 속성에 이스케이프되지 않은 이중 따옴표가 포함되어 있는 다음과 같은 경우를 생각해 보십시오.

{
    "data": [{
        "code": "1",
        "message": "This message has "unescaped" quotes, which is a JSON syntax error."
    }]
}

앱 어딘가에 JSON이 있다면 JSONLint를 통해 실행해 구문 오류가 없는지 확인하는 것이 좋습니다.보통은 그렇지 않지만, 제 경험상으로는 API에서 JSON이 반환된 것이 원인입니다.

HTTP API의 이 반환됩니다.HTTP API의 응답은 HTTP API의 "HTTP API의 "HTTP API의 "HTHTTP API의 "HTTP API"의 "HTTP API"의 "HTTP API"의 "HTTP API"에 의해 됩니다.Content-Type:application/json; charset=UTF-8JSON을 사용하다을 사용하다

서버측 API 컨트롤러가 구문 오류를 제대로 처리하지 못하고 응답의 일부로 출력되는 경우 반환되는 JSON 구조가 깨집니다.좋은 예로는 응답 본문에 PHP 경고 또는 알림이 포함된 API 응답을 들 수 있습니다.

<b>Notice</b>:  Undefined variable: something in <b>/path/to/some-api-controller.php</b> on line <b>99</b><br />
{
    "success": false,
    "data": [{ ... }]
}

이것이 문제의 원인인 경우가 95%로, 다른 답변에서는 어느 정도 언급되고 있습니다만, 명확하게 기술되어 있다고는 생각하지 않습니다.JSON 구문 오류를 포함하는 API 응답을 추적하는 편리한 방법을 찾고 있다면, 저는 그것에 대한 Angular 모듈을 작성했습니다.

모듈을 다음에 나타냅니다.

/**
 * Track Incomplete XHR Requests
 * 
 * Extend httpInterceptor to track XHR completions and keep a queue 
 * of our HTTP requests in order to find if any are incomplete or 
 * never finish, usually this is the source  of the issue if it's 
 * XHR related
 */
angular.module( "xhrErrorTracking", [
        'ng',
        'ngResource'
    ] )
    .factory( 'xhrErrorTracking', [ '$q', function( $q ) {
        var currentResponse = false;

        return {
            response: function( response ) {
                currentResponse = response;
                return response || $q.when( response );
            },
            responseError: function( rejection ) {
                var requestDesc = currentResponse.config.method + ' ' + currentResponse.config.url;
                if ( currentResponse.config.params ) requestDesc += ' ' + JSON.stringify( currentResponse.config.params );

                console.warn( 'JSON Errors Found in XHR Response: ' + requestDesc, currentResponse );

                return $q.reject( rejection );
            }
        };
    } ] )
    .config( [ '$httpProvider', function( $httpProvider ) {
        $httpProvider.interceptors.push( 'xhrErrorTracking' );
    } ] );

자세한 내용은 위의 블로그 기사에서 확인할 수 있습니다.여기서 찾은 모든 것을 게재한 것은 아닙니다.다 관련이 없는 것 같기 때문입니다.

응답이 JSON 형식인지 확인하십시오.그렇지 않으면 이 오류가 발생합니다.

POST 메서드에서 fetch API를 사용하여 React에서 API를 호출할 때 동일한 오류가 발생하였습니다.

이전:

fetch('/api/v1/tour',{
      method:"POST",
      headers:{"Content-type":"json/application"},
      body:JSON.stringify(info)
    })
    .then((response)=>response.json())
    .then((json)=>{
      if(json.status === 'success')
        alert(json.message)
      else
        console.log('something went wrong :(')
    }).catch(e=>console.log(e))

을 더더로 the the the 를 해결했습니다.{"Content-type":"application/json"}:

그 후:

fetch('/api/v1/tour',{
      method:"POST",
      headers:{"Content-type":"application/json"},
      body:JSON.stringify(info)
    })
    .then((response)=>response.json())
    .then((json)=>{
      if(json.status === 'success')
        alert(json.message)
      else
        console.log('something went wrong :(')
    }).catch(e=>console.log(e))

튜토리얼 후에 같은 에러 메세지가 표시되었습니다.이 문제는 ajax 콜의 'url: this.props.url'인 것 같습니다.In React.DOM 요소를 생성할 때 내 요소는 다음과 같습니다.

ReactDOM.render(
    <CommentBox data="/api/comments" pollInterval={2000}/>,
    document.getElementById('content')
);

「코멘트 박스」URL 입니다.★★★★★★★★★를 바꾸었을 때url: this.props.url->url: this.props.data서버에 올바르게 콜을 실시해, 기대했던 데이터를 취득했습니다.

도움이 됐으면 좋겠어요.

이 에러가 발생할 가능성이 매우 높습니다.

제, 제, 제, 제, 제, 제, 제, in, in, , in, in, in, in, in, in, in, in, inhomepage줄 in로 package.json을 사용하다

가 있다: 체체치:::::: worth worth worth worthpackage.json★★★★

homepage: "www.example.com"

로.

hompage: ""   

JSON이 아닌 부정한 형식의 JSON 또는 HTML이 이 문제의 근본 원인입니다.다른 답변에서 설명한 바와 같습니다만, 이 에러는 서버가 유효한 JSON을 반환하는 것처럼 확실하게 재현할 수 없었습니다.또, HTML 에러 페이지등의 다른 것을 반환하는 경우도 있었습니다.

페이지가 파손되는 것을 피하기 위해서, 반환된 컨텐츠를 수동으로 해석해, 다른 사람이 해결할 수 있도록 공유했습니다.

const url = "https://my.server.com/getData";

fetch(url).then(response => {
  if (!response.ok) return; // call failed

  response.text().then(shouldBeJson => { // get the text-only of the response
    let json = null;
    try {
      json = JSON.parse(shouldBeJson); // try to parse that text
    } catch (e) {
      console.warn(e); // json parsing failed
      return;
    };
    if (!json) return; // extra check just to make sure we have something now.

    // do something with my json object
  });
});

이 방법으로 문제의 근본 원인을 해결할 수 없는 것은 분명하지만, 그래도 문제를 좀 더 적절하게 처리하고 장애가 발생했을 때 합리적인 조치를 취할 수 있습니다.

CRA의 때 할 수 두 .<dummy.json>filename을 클릭합니다.

프로젝트에 dummy.json 파일이 있고 해당 파일에서 JSON 데이터를 가져오려고 하는데 다음 두 가지 오류가 발생했습니다.

"SyntaxError: Unexpected token < in JSON at position 0 .

Chrome이나 브라우저의 Network 탭에 있는 응답에 실제 JSON Data가 아닌 HTML 파일이 들어왔습니다.

여기 내 문제를 해결한 두 가지 주요 이유가 있다.

  1. JSON 파일에서 JSON 데이터가 잘못되었습니다.
  2. 이 경우 JSON 파일이 제대로 로드되지 않았을 수 있으므로 React 서버를 재시작하기만 하면 됩니다.이건 내 문제야 리액트 내에서

직접 실행 응답하거나 src 폴더가 아닌 공용 폴더에 액세스합니다.

해결 방법:

파일을 공용 폴더로 이동하면 src 폴더의 모든 파일에 직접 액세스할 수 있습니다.

내 공용 폴더

Redux 액션에서의 REST 콜 발신.js:

export const fetchDummy = ()=>{
return (dispatch)=>{
        dispatch(fetchDummyRequest());
        fetch('./assets/DummyData.json')
        .then(response => {
            if (!response.ok) {
                throw new Error("HTTP error " + response.status);
            }
            return response.json();
        })
        .then(result => {
            dispatch(fetchDummySuccess(result))
        })
        .catch(function (err) {
          dispatch(fetchDummyFailure(err))
        })
    }
}

오래된 것일 수도 있어요.하지만 방금 Angular에서 발생했는데, 요청과 응답의 콘텐츠 유형이 제 코드에서 달랐습니다.머리글을 확인합니다.

 let headers = new Headers({
        'Content-Type': 'application/json',
        **Accept**: 'application/json'
    });

리액트 공리로

axios({
  method:'get',
  url:'http://  ',
 headers: {
         'Content-Type': 'application/json',
        Accept: 'application/json'
    },
  responseType:'json'
})

jQuery Ajax:

 $.ajax({
      url: this.props.url,
      dataType: 'json',
**headers: { 
          'Content-Type': 'application/json',
        Accept: 'application/json'
    },**
      cache: false,
      success: function (data) {
        this.setState({ data: data });
      }.bind(this),
      error: function (xhr, status, err) {
        console.error(this.props.url, status, err.toString());
      }.bind(this)
    });
  },
 

많은 시간을 들여서 제 경우 패키지에 "홈페이지"가 정의되어 있는 것이 문제라는 것을 알게 되었습니다.json 파일로 인해 내 앱이 FireBase에서 작동하지 않았습니다(같은 '오류' 오류).create-backet-app을 사용하여 리액션 앱을 만들고 READ.me 파일의 Firebase 가이드를 사용하여 github 페이지로 전개한 후 라우터가 작동하기 위해 추가 작업을 수행해야 한다는 것을 깨닫고 Firebase로 전환했습니다.github 가이드는 패키지에 홈페이지 키를 추가하였습니다.json으로 인해 배포 문제가 발생하였습니다.

Protip: 로컬 Node.js 서버에서 json을 테스트하고 있습니까?해당 경로로 라우팅되는 것이 없는지 확인합니다.

'/:url(app|assets|stuff|etc)';

저는 JSON에서 반환하는 객체의 속성 중 하나가 예외를 발생시켰을 때 이 문제가 발생하였습니다.

public Dictionary<string, int> Clients { get; set; }
public int CRCount
{
    get
    {
        var count = 0;
        //throws when Clients is null
        foreach (var c in Clients) {
            count += c.Value;
        }
        return count;
    }
}

null 체크 추가, 수정:

public Dictionary<string, int> Clients { get; set; }
public int CRCount
{
    get
    {
        var count = 0;
        if (Clients != null) {
            foreach (var c in Clients) {
                count += c.Value;
            }
        }
        return count;
    }
}

기본적인 확인 사항입니다.json 파일에 코멘트가 없는 것을 확인해 주세요.

//comments here will not be parsed and throw error

python에서는 json을 사용할 수 있습니다.결과를 html 템플릿으로 보내기 전에 덤프(str)합니다.이 명령 문자열을 사용하여 올바른 json 형식으로 변환하고 html 템플릿으로 전송합니다.이 결과를 JSON.parse(result)로 전송하면 올바른 응답으로 사용할 수 있습니다.

일부 고객에게 이것은 도움이 될 수 있습니다.Wordpress REST API도 비슷한 경험을 했습니다.심지어 우체부를 사용해서 정확한 경로나 엔드포인트가 있는지 확인하기도 했습니다.나중에 알게 된 것은 실수로 대본에 에코를 넣은 것입니다.후크:

콘솔 디버깅 및 확인

에러의 원인

즉, 기본적으로 JSON이 아닌 값을 AJAX 에러의 원인이 되는 스크립트와 혼합한 것입니다.「 SyntaxError :위치 0"의 JSON에 예기치 않은 토큰 r이 있습니다.

제 경우(백엔드)에서는 res.send(token)를 사용하고 있었습니다.

res.send(데이터)로 변경하자 모든 것이 수정되었습니다.

모든 것이 정상적으로 동작해, 투고가 정상적으로 행해지고 있는 경우는, 이것을 체크하고 싶은 경우가 있습니다만, 프런트 엔드에 에러가 계속 표시됩니다.

내 경우 헤더의 "Bearer"에 문제가 있었습니다만, 이상적으로는 "Bearer (끝 문자 뒤의 공백)"이 되어야 하는데, 내 경우 "Bearer"에는 문자 뒤에 공백이 없습니다.도움이 됐으면 좋겠네요!

언급URL : https://stackoverflow.com/questions/37280274/syntaxerror-unexpected-token-in-json-at-position-0

반응형