前端(React)如何与后端(Express)交互?

时间:2018-06-05 03:40:11

标签: node.js mongodb reactjs express react-fullstack

我正在使用MongoDB,Express,React和Node构建一个完整的堆栈应用程序。我只参与过前端编程的项目,而且我只参与了后端编程的项目。我使用ejs为Express创建视图,所以我不确定它如何与通过React创建的前端视图一起工作。另外,我不确定如何将CRUD操作与React一起使用。我的想法很模糊。

我所知道的是,在package.json中,两者在运行程序时组合在一起。就是这样。即便如此,我也不确定。我的问题是:Express如何与React交互?

我正在寻找的答案涉及连接。它在哪里以及如何一起点击?如果React创建了视图,那么Express如何连接到这些视图?我导入文件了吗?我在React组件中编写ExpressJS吗?它如何从数据库中显示数据到视图? app.get('/',...)足够了吗? Express如何知道在发布数据时要使用哪些文件?

1 个答案:

答案 0 :(得分:2)

连接的简单方法与json文件中的快速添加代理进行反应。

 {
    "name": "create-react-app",
    "version": "0.1.0",
    "private": true,
    "devDependencies": {
        "husky": "^0.14.3",
        "lint-staged": "^7.0.0",
        "prettier": "^1.11.0",
        "react-scripts": "^1.0.17"
    },
    "dependencies": {
        "bootstrap": "^4.1.1",
        "react": "^16.2.0",
        "react-dom": "^16.2.0",
        "react-router-dom": "^4.2.2",
        "sanitize.css": "^5.0.0",
    },
    "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject",
        "precommit": "lint-staged"
    },
    "proxy": "http://localhost:3000/",
    "lint-staged": {
        "*.{js,json,css,md}": [
        "prettier --write",
        "git add"
        ]
    }
 }