Question

我已经在 Heroku 上部署了我的后端，并且在我从 POSTMAN 发送请求时工作正常。我也在 Heroku 上部署了 My react 应用程序。但是我无法从后端服务器获得响应。请帮忙

这是来自后端的 Heroku 日志详细信息。

2020-12-30T16:45:34.688348+00:00 heroku[web.1]: Starting process with command `node index.js`
2020-12-30T16:45:37.852435+00:00 app[web.1]: Server is listening on 34248
2020-12-30T16:45:37.870603+00:00 heroku[web.1]: State changed from starting to up
2020-12-30T16:45:38.000000+00:00 app[api]: Build succeeded
2020-12-30T16:48:18.862763+00:00 heroku[router]: at=info method=OPTIONS path="/api/auth/signup" host=book-share-server-yp.herokuapp.com request_id=4d909f22-7fc3-4273-b010-4395adae20b7 fwd="184.146.219.105" dyno=web.1 connect=1ms service=10ms status=204 bytes=391 protocol=https
2020-12-30T16:48:18.857570+00:00 app[web.1]: OPTIONS /api/auth/signup 204 2.315 ms - 0

Api 调用的 Axios 实例

import axios from "axios";


const instance = axios.create({
    baseURL:"https://book-share-server-yp.herokuapp.com/api",
    withCredentials: true,
});

instance.defaults.headers.common['Content-Type'] ="application/json";

export default instance;

注册操作

export const signUpUser = (formData)=>{
    return dispatch => {
        // /signup
        axiosInstance.post("/auth/signup",formData)
        .then(res =>{
            getUser(dispatch);
        } )
        .catch(error => {
            signUpUserFail(dispatch, error.response.data.message) 
        })  
    }
}

后端 index.js

const express = require("express");
const morgan = require("morgan");
const mongoose = require("mongoose");
const app = express();
const user = require("./routes/users");
const auth = require("./routes/auth");
const books = require("./routes/books");
const notFound = require("./middleware/notFound");
const errorHandler = require("./middleware/errorHandler");
const {authCheck} = require("./middleware/authCheck");
const cookieParser = require("cookie-parser");
const cors = require("cors");
require("dotenv").config();

//DB Connection
mongoose.connect(process.env.MONGO_URI, 
    {
        useNewUrlParser: true,
        useUnifiedTopology: true,
        useCreateIndex: true
    }).catch(error =>{
        console.log(error)
        throw Error("DB connection problem")
        });
const port = process.env.PORT||8004;
app.use(express.json());
app.use(cookieParser());
app.use(morgan("dev"));
app.use(cors({
    origin:"https://book-share-client-yp.herokuapp.com/",
    credentials:true
}))

app.use("/api/user",authCheck,user);// add authcheck middleware
app.use("/api/auth",auth)
app.use("/api/books",authCheck, books); // add authcheck middleware
app.use( notFound);
app.use( errorHandler);



app.listen(port, ()=>{
    console.log(`Server is listening on ${port}`)
})

部署到 Heroku 后，努力将 React 前端连接到 Express 后端

0 个答案: