Axios可以獲取但不能發布到同一URL

Question

• 我正在構建一個React應用
• 在一個組件中，我正在編寫此GET請求，該請求有效：

• 在另一個組件中，我正在編寫此POST請求：

• 然后返回此404錯誤：

而且我不知道我的GET如何工作，但是兩次都請求同一個文件時POST返回404：找不到？

更新：

我現在正在運行一個node.js服務器，但這有點像科學怪人的怪物，因為這確實不是我了解的領域。 有人知道我在做什么錯嗎？

// Server setup from node.js website
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World\n');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});


// Trying to listen for data from React app to feed into JSON (broken)
var express = require("express");
var myParser = require("body-parser");
var app = express();

app.use(myParser.urlencoded({extended : true}));
app.post("/scene-setup.json", function(request, response) {
    console.log(request.body); //This prints the JSON document received (if it is a JSON document)
});
app.listen(3001);


// Updating JSON file with "obj" (working)
var jsonfile = require('jsonfile')

var file = './scene-setup.json'
var obj = {name: 'JP'}

jsonfile.writeFile(file, obj, function (err) {
  console.error(err)
})

Answer 1

Axios用於發出HTTP請求。 因此，您應該運行一個可以處理這些請求的后端服務器。 我不確定您要保存的數據到底是什么。 如果您需要訪問該數據，應將其保存在后端。

如果您只想在客戶端保存一些數據，則可能要查看HTML5文件系統API 。 它可以管理用戶文件系統有限的沙盒部分中的某些數據。