![](/img/trans.png)
[英]React Proxy error: Could not proxy request /api/ from localhost:3000 to http://localhost:8000 (ECONNREFUSED)
[英]"React Proxy error: Could not proxy request /api/ from localhost:3000 to http://localhost:5000 (ECONNREFUSED)'? Error.. No solution online
我正在尝试将我的反应前端连接到后端我尝试了一切但它仍然无法正常工作。 我添加了"proxy": "localhost:5000"
,但没有运气。 我试过了
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function (app) {
app.use(
'/api',
createProxyMiddleware({
target: 'http://localhost:5000',
changeOrigin: true,
})
);
};
也没有运气。 有没有人找到解决问题的方法。 我看遍了stackoverflow
更新:索引文件
// Imports
const express = require('express')
const app = express();
const cors = require('cors')
const mongoose = require('mongoose');
const bodyParser = require('body-parser')
const cookieParser = require('cookie-parser')
const config = require('./config/key')
const routes = require('./routes/api')
require('dotenv').config()
// -----Connect to the database
mongoose.connect(config.mongoURI,
{useNewUrlParser: true,useUnifiedTopology:true,
createIndexes : true}).then(()=>{
console.log("Database connected")
}).catch((error)=>{
console.log(error)
})
// ----setting up middleware
const corsOptions = {
origin:['http://localhost:3000'],
credentials: true,
optionsSuccessStatus: 200
}
app.use(cors(corsOptions))
app.use(bodyParser.urlencoded({extended : true}))
app.use(bodyParser.json())
app.use(cookieParser())
app.use('/api', routes);
// ---- Setting up server to listen on port 5000
app.listen(5000,()=>{
console.log("App is running on 5000")
})
将您的代码更新为此
const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function (app) {
app.use(
createProxyMiddleware("/api/*", { target: "http://localhost:5000/" })
);
};
对我来说,问题是港口。 它设置为 5432,更改为 3002 后再次起作用。 不知道为什么,因为如果端口已经被使用,节点应该抛出一个错误。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.