Reactjs Expressjs - 为什么我的 React.js 代码不使用来自我的 Express 服务器的更新代码，而是使用旧代码，即使在我刷新网页后也是如此？

Question

我正在开发一个 React.js-Express.js 网站，我已经借助在线示例设置了一些基本代码。我让 Express.js 向前端发送一个数组，以便在解析后显示它。但是，当我稍微更改数组时 - 从字面上将一个字符串更改为另一个字符串 - 我的前端没有更新。

快递 - users.js 文件

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.get('/', function(req, res, next) {
  //res.send('respond with a resource');

  res.json([{
    id: 1,
    username: "bye" //I changed this string (used to be "samsepi0l")
  }, {
    id: 2,
    username: "hi" //And this string (used to be "D0loresH4ze")
  }]);
});

module.exports = router;

React - About.js 文件

import React from 'react'
// import { Link } from 'react-router-dom'
import { Header } from './Header'

export class About extends React.Component {
    state = {users: []}

    componentDidMount() {
      fetch('/users')
        .then(res => res.json())
        .then(users => this.setState({ users }));
    }

    render() {
        return (
            <div>
                <Header />
                <h2 id="other_pages_h2">About</h2>
                <div>
                    <h1>Users</h1>
                    {this.state.users.map(user =>
                        <div key={user.id} style={{color: 'white'}}>{user.username}</div>
                    )}
                </div>
            </div>            
        )
    }
}

出于某种原因，/about 页面仍然显示“samsepi0l”和“D0loresH4ze”。我该如何解决这个问题？

Answer 1

这可能是由臭名昭著的缓存引起的。通常只需按 Crtl + F5 即可解决此问题，如果这不起作用，请清除浏览器历史记录。

如果您仍然运行遇到同样的问题，那么您没有保存文件 and/or 自从代码更改后重新启动服务器。

Reactjs Expressjs - 为什么我的 React.js 代码不使用来自我的 Express 服务器的更新代码，而是使用旧代码，即使在我刷新网页后也是如此？

Reactjs Expressjs - Why isn't my React.js code using updated code from my Express server, but instead old code, even after I refresh the webpage?

javascript

debugging

node.js

express

reactjs