origin 'http://127.0.0.1:5174' 已被 CORS 策略阻止:

编程入门 行业动态 更新时间:2024-10-05 11:24:51

origin 'http://127.0.0.1:5174' <a href=https://www.elefans.com/category/jswz/34/1771442.html style=已被 CORS 策略阻止:"/>

origin 'http://127.0.0.1:5174' 已被 CORS 策略阻止:

APP.js in backened

import express from "express";
import userRouter from "./routes/user.js";
import taskRouter from "./routes/task.js";
import { config } from "dotenv";
import cookieParser from "cookie-parser";
import { errorMiddleware } from "./middlewares/error.js";
import cors from "cors";

export const app = express();

config({
  path: "./data/config.env",
});

// Using Middlewares
app.use(express.json());
app.use(cookieParser());

app.use(
  cors({
    // origin: ["http://127.0.0.1:5174/api/v1"],
    origin: ["http://localhost:3000/api/v1"],
    methods: ["GET", "POST", "PUT", "DELETE"],
    credentials: true,
  })
);

// Using routes
app.use("/api/v1/users", userRouter);
app.use("/api/v1/task", taskRouter);

app.get("/", (req, res) => {
  res.send("Nice working");
});

// Using Error Middleware
app.use(errorMiddleware);


main.jsx from frontened

import React, { useState } from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import "./styles/app.scss";
import { createContext } from "react";

export const server = "";
// export const server = "https://localhost:3000/api/v1";

export const Context = createContext({ isAuthenticated: false });

const AppWrapper = () => {
  const [isAuthenticated, setIsAuthenticated] = useState(false);
  const [loading, setLoading] = useState(false);
  const [user, setUser] = useState({});



  return (
    <Context.Provider
      value={{
        isAuthenticated,
        setIsAuthenticated,
        loading,
        setLoading,
        user,
        setUser,
      }}
    >
      <App />
    </Context.Provider>
  );
};

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <AppWrapper />
  </React.StrictMode>
);

从来源“http://127.0.0.1:5174”访问“”的 XMLHttpRequest 已被 CORS 策略阻止:响应预检请求未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。

为什么我在登录和登录我的网页时出现此错误,甚至我已经使用了所有 cors perfect ??

我已经在这个链接“”上部署了我的 api,它工作正常但 cors 策略错误没有解决

回答如下:

更多推荐

origin 'http://127.0.0.1:5174' 已被 CORS 策略阻止:

本文发布于:2024-05-30 10:52:37,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1770418.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:已被   策略   http   origin   CORS

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!