错误：TypeError：无法在“窗口”上执行“获取”：名称无效。 这里可能是什么问题？

Question

I am getting a type error:

Error: TypeError: Failed to execute 'fetch' on 'Window': Invalid name at HTMLFormElement.loginDataHandler (index.js:77:9)

I have searched google for hours now and tried all the suggested solutions but noe seem to be working on my end.

I am stuck, can't make any progress.

 function loginDataHandler(e) { e.preventDefault(); loginObject = { email: emailInput.value, passwordInput: passwordInput.value }; console.log(loginObject); const newLocal = "https://mawingu.cbaloop.com/cba/api/v1/access/login"; fetch(newLocal, { method: 'POST', body: JSON.stringify(loginObject), credentials: 'include', headers: { 'Content-Type': 'application/json', 'Access-Contr"ol-Allow-Origin': 'http://localhost:5500', " Access-Control-Allow-Methods ": "POST", ' Authorization ': ` None `, "Access-Control-Allow-Headers": "X-Requested-With", 'referrerPolicy': 'no-referrer' }, }) .then( res => res.json() ) .then( data => console.log(data) ) .catch((error) => { console.log('Error:', error); }); }

what could be the issue?

Answer 1

you need to remove the following:

'Access-Contr"ol-Allow-Origin': 'http://localhost:5500',
" Access-Control-Allow-Methods ": "POST",
' Authorization ': ` None  `,

it will submit the request.