I experienced this issue quite a few times, and I figured it s because of the cache. To solve the issue, do the following

Edit: @mkoe said that he was able to solve this issue simply by deleting the package-lock.json file, and restarting the app, so give that a try first. If that doesn t resolve it, then do the following.

1. Stop your React app
2. Delete package-lock.json file and the node_modules directory by doing
   rm -r package-lock.json node_modules
   in the app directory.
3. Then do npm install in the app directory.

希望这确定了你的代理问题。

反应申请在当地仍然有点:8080是因为海滩。 说明这一点,遵循以下步骤。

1. Delete package-lock.json and node_modules in React app
2. Turn off React Terminal and npm install all dependencies again on React App
3. Turn back on React App and the proxy should now be working

这个问题长期以来一直是aunting;但是,如果你采取上述步骤,就应当正确在服务器上看到你的再读应用点。

This is how I achieved the proxy calls.

1. Do not rely on the browser s network tab. Put consoles in your server controllers to really check whether the call is being made or not. For me I was able to see logs at the server-side. My node server is running on 5000 and client is running on 3000.

Network tab -

服务器记录——

2. Check if your server is really running on the same path /api/hello through postman or browser. For me it was /api/user/register and I was trying to hit /api/user
3. Use cors package to disable cross-origin access issues.

我把这个问题花了几个小时,我相信,在其他一些情况下,上述一些事情可能是原因。 然而,在我的案件中,我使用了Vite,我一直试图将我的代理添加到 Package.json 文档中,而应在<代码>vite.config.js文档中添加。 页: 1 这里点击到Vite s docs。

In the end, my code looks like this:

export default defineConfig({
  server: {
    proxy: {
      "/api": {
        target: "http://localhost:8000",
        secure: false,
      },
    },
  },
  plugins: [react()],
});

Is your client being loaded from http://localhost:8080?

页: 1 a 如果没有绝对的URL使用,将反映客户网页(即东道名称和港口)的主机。 http:// localhost:80<>/code> <代码>fetch api to infer that mothers the request to be made to the fundamental url of http:// localhost:80/api/hello。

我的问题是代理路线中的“当地人”部分。 我的电脑不承认“当地东道”,因此我用<条码>下载:http://127.0.0.1:<PORT_HERE>代替<条码>http:// localhost:<PORT_HERE>。

与此类似:

app.use( / , proxy(
     http://localhost:3000 , // replace this with  http://127.0.0.1:3000 
    { proxyReqPathResolver: (req) => `http://localhost:3000${req.url}` }
));`

对我来说,我只是通过停止服务器,即前线和后台,并重新启用,解决了这一问题。

Here is an opinion Don t use proxies, use fetch directly

不工作

fetch("/signup", {    
        method:"post", 
        headers:{
            "Content-Type":"application/json" 
        },
        body:JSON.stringify(
        {
            name:"",
            email:"",
            password:"",
        }
        )

浪费6小时后实际工作

fetch("http://localhost:5000/signup", {    //    https -> http
        // fetch("/signup", {    
        method:"post", 
        headers:{
            "Content-Type":"application/json"              },
        body:JSON.stringify(
        {
            name:"",
            email:"",
            password:"",
        }
        )

在我的案件中,问题是代理人突然停止工作。

在调查之后 我发现,我把编织物从胎盘中移走,造成问题。

这个问题已经解决。

The problematic structure:

解决办法:

面临类似的问题。 我的代理人没有把重新启动反应堆连接起来,这把我的问题固定下来。

在我的案件中,这是因为打字。 我写道:“应用/json”、“(有小笔)而不是“Content-Type”:“应用/json”,。

您应安装这一套设备:

npm 安装http://proxy-middleware -save

Refrense: 。

www.un.org/Depts/DGACM/index_french.htm 如果在2023年没有为你工作的任何答案(在撰写本报告时是25个,而现在没有涉及WHY,而且你是active,即你的配对是正确的,那么问题很可能是由于在执行英国国家航天中心决议时没有遵守IPv6而不是IPv4。 这项IPv6违约事件始于诺德第17.0.0版,你可以读到更多有关该事件的here。

如前所述,可在<条码>中删除<条码>proxy ,在<条码>上建立<条码>Proxy.js,在<条码>上存档(如here。 页: 1 模块通过<代码>npm。 然后,你基本上希望自己进行IPv4-forced DNS调查,并利用IPv4地址提出代理要求。 可在<条码>家庭参数上填写<条码>4。 方法:

const dns = require("dns");
const { createProxyMiddleWare } = require("http-proxy-middleware");

const targetHost = "localhost";
const targetPort = 5000;
const port = 3000;

module.exports = function (app) {
    dns.lookup(targetHost, { family: 4 }, (err, address) => {
        if (err) {
            console.error( DNS lookup failed );
            return;
        }
        const proxy = createProxyMiddleware("/api", {
            target: `http://${address}:${targetPort}`,
            changeOrigin: true,
        });
        app.use("/api", proxy);
    });
};