微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当我部署 React 应用程序和 json-server 时如何修复 Heroku 上的应用程序错误

如何解决当我部署 React 应用程序和 json-server 时如何修复 Heroku 上的应用程序错误

我一直在尝试使用 json 服务器和 react,但由于某种原因,我在 Heroku 上不断收到应用程序错误。可以使用 json-server 进行测试吗。我已经分享了我的 server.js、文件结构和 package.json

server.js

    const jsonServer = require('json-server');
    const app = jsonServer.create();
    const path = require('path');
    const express = require('express');
    // const middlewares = jsonServer.defaults();
    const router = jsonServer.router('db.json');
    const port = process.env.PORT || 3001;
    
    **app.use('/data',router);
    app.use(express.static(path.join(__dirname,'build')));
    app.get('/*',function (req,res) {
        res.sendFile(path.join(__dirname,'build','index.html'));
    });**
    
    server.listen(port);

我的文件夹结构

----client
    ----node modules
    ----public
    ----src
    ----packgage.json
----db.json
----packgae.json
----server.js

package.json

{
  "name": "music","version": "1.0.0","description": "","main": "server.js","scripts": {
    "test": "echo \"Error: no test specified\" && exit 1","start": "node server.js","json-server": "json-server --watch db.json --port 5000","client": "npm start --prefix client","dev": "concurrently \"npm run json-server\" \"npm run client\"","heroku-postbuild": "npm install --prefix client && npm run build --prefix client"
  },"author": "","license": "ISC","dependencies": {
    "concurrently": "^6.0.2","express": "^4.17.1","json-server": "^0.16.3"
  }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?