Блог

Я пытаюсь отправить запрос на сервер apolloser (порт 5050) на том же сервере, используя apolloclient(порт 80) в клиенте, созданном с помощью reactjs. При запуске внутри сервера запрос работает нормально, но когда вы подключаетесь к интерфейсу из внешней сети и делаете запрос api, отображается ошибка выборки.

пожалуйста, помогите мне решить проблему.

аполлоКлиент

 uri: "http://localhost:5050/graphql",
headers: {
  "Access-Control-Allow-Origin": '*',
  ...headers,
  TOKEN: localStorage.getItem(TOKEN),
  authorization: localStorage.getItem(TOKEN),
},
 

аполлоСервер

 const PORT = 5050;

const corsOptions = {
  origin: '*',
  credentials: true,
  optionsSuccessStatus: 200,
};

const server = new ApolloServer({
  typeDefs,
  resolvers,
  cors: cors(corsOptions),
  context: async (ctx) => {
    if (ctx.req) {
      return {
        loggedInUser: await getUser(ctx.req.headers.token),
      };
    } else {
      const {
        connection: { context },
      } = ctx;
      return {
        loggedInUser: context.loggedInUser,
      };
    }
  },
  subscriptions: {
    onConnect: async ({ token }) => {
      if (!token) {
        throw new Error("You can't listen.");
      }
      const loggedInUser = await getUser(token);
      return {
        loggedInUser,
      };
    },
  },
});

server.listen(5050).then(({ url }) => {
  console.log("Server ready at "   url );
});
 

изображение ошибки