首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在什么文件中,我们用server.js和mysql数据库连接将前端文件夹文件与后端文件夹文件连接起来?

在什么文件中,我们用server.js和mysql数据库连接将前端文件夹文件与后端文件夹文件连接起来?
EN

Stack Overflow用户
提问于 2020-07-31 19:31:08
回答 1查看 91关注 0票数 0

我有前端文件夹文件反应组件和前端css库。

在不同的文件夹中,我有带有mysql连接的带有server.js路由的后端文件.

当我在屏幕上输入输入时,输入不会保存到mysql数据库中。

问题:

  1. 在什么文件中,我是否将我的前端和后端连接起来?
  2. 我应该使用什么语句来连接我的前端和后端?
  3. 启动前端,我使用: npm启动和启动后端,我使用: nodemon server.js.

问:当我连接前端和后端时,我应该打开什么文件,以便前端与后端->都开始对话?

EN

回答 1

Stack Overflow用户

发布于 2020-07-31 20:17:14

问题1回答:你可以用多种方法来完成这个任务。我使用Serverjs完成了这一操作,并以以下方式做出了反应。

代码语言:javascript
运行
复制
        const express = require('express');
        const bodyParser = require('body-parser');
        const cors = require('cors');
        const port = 80085;
        const app = express();
        const token = 'impossiblylongimportanttokenhere';

        let nextId = 7;

您将需要导入CORS、Parser、Express以供路由使用。假设您有一个登录名,您将需要一个身份验证函数。请注意,这只是为了发展。

代码语言:javascript
运行
复制
        function authenticator(req, res, next) {
  const { authorization } = req.headers;
  if (authorization === token) {
    next();
  } else {
    res.status(403).json({ error: 'User must be logged in to do that.' });
  }
}

一旦您不再使用开发,您可能希望用更安全的东西来代替它。有了app作为我们的路由器快递有几个CORS方法让我们开始像started

这里有一个例子,如果我们有一个名为朋友的数组,如果我们想通过ID找到那个朋友。

代码语言:javascript
运行
复制
    app.get('/api/friends/:id', authenticator, (req, res) => {
      const friend = friends.find(f => f.id == req.params.id);

      if (friend) {
        res.status(200).json(friend);
      } else {
        res.status(404).send({ msg: 'Friend not found' });
      }
    });

最棒的是,express有一个名为listen的方法,当我们在与server.js相同的文件位置上运行NPM时,该方法就会启动。确保指定系统尚未使用的端口

代码语言:javascript
运行
复制
    app.listen(port, () => {
      console.log(`server listening on port ${port}`);
    });

问题2:为了在我们这端连接到Server.js,您需要使用axios对上面的server.js中所做的任何路由进行GET/POST等调用,在示例中是

代码语言:javascript
运行
复制
    .post('/api/friends', this.state.addFriend)

最重要的是,您需要运行多个终端,以便同时运行后端和前端。先从后端开始。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63198055

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档