Блог

Я изучаю взаимодействие между сервером и клиентом. Это часть кода с моей серверной части.

 import express from 'express';
import cors from 'cors';

const app = express();
app.use(cors({ credential: true, origin: process.env.CORS_ORIGIN }));
 

Я попытался связаться с сервером с помощью браузера Chrome, и моя функция fetch() на стороне клиента выдала ошибку.

 Access to fetch at 'http://localhost:4000/login' from origin 'http://localhost:8000' has been blocked
by CORS policy: Response to preflight request doesn't pass access control check: The value of the 
'Access-Control-Allow-Credentials' header in the response is '' which must be 'true' when the 
request's credentials mode is 'include'.
 

Неудивительно, поскольку я присвоил свойству cors значение ‘credential’. Это «учетные данные».
Проблема в том, что по этому вопросу не было кода ошибки, поэтому я подумал, что возникла проблема с заголовком ответа.

Мне потребовался почти день, чтобы выяснить, что отсутствие одного из них вызвало эту проблему!!!!!

Если бы я лучше знал, что я импортировал (промежуточное ПО cors), я, вероятно, мог бы лучше понять, где искать. Но я нахожусь в процессе обучения. Поскольку не было лучшего ключа для моего уровня знаний, мне пришлось страдать много часов, чтобы, наконец, указать на эту опечатку.

Мой вопрос в том, есть ли какой-либо инструмент, который я упускаю из виду по этому вопросу? Есть ли какой-нибудь способ получить лучшее предложение для опечаток или предупреждение о потенциальных проблемах, особенно при таком большом количестве импортированных промежуточных программ? Я знаю, что есть ESLint, но он не предупредил меня об этом.

Вы используете typescript? Это типобезопасная версия js. Он настолько похож на JS, что я не могу сказать, является ли это TypeScript или чистым JS, только из примера кода, который вы мне дали.

Если вы им не пользовались, это может помочь вам решить вашу проблему. Но поскольку вы используете VSCode, я думаю, вы уже должны знать typescript.

Перейти с JS на TypeScript несложно, и вы можете объединить их в одном проекте. В одном из моих старых проектов я постепенно менял код на TypeScript один за другим.