Question

我正在尝试实现一个名为“ newKweet”的Vue方法，该方法涉及axios，其目的是将新的JSON对象发布到现有的JSON文件中。

调用此方法时，它返回错误POST http://localhost:8080/feed.json 404 (Not Found)，这表明我正在尝试到达不存在的目的地。

但是我觉得很奇怪，因为当我为相同的地址调用axios.get时，它工作得很好，并且它检索存储在文件feed.json中的JSON数据。

有人可以告诉我为什么会这样，如何解决吗？

以下是newKweet()方法的定义方式。

newKweet(){
  var self = this;
  alert(self.kweetInput); 

  this.axios.post('/feed.json', {
          avatar: self.userJSON.avatar,
          username: self.userJSON.username,
          handle: self.userJSON.handle,
          timestamp: self.userJSON.timestamp,
          content: self.userJSON.content,
          media: {
            type: self.userJSON.media.type,
            url: self.userJSON.media.url
          },
          actions: {
            replies: self.userJSON.actions.replies,
            rekweets: self.userJSON.actions.rekweets,
            likes: self.userJSON.actions.likes
          }  
      })
      .then(function(response){
        console.log('The output: ');
        console.log(response.data);
      })
      .catch(function(error){
        console.log('An error occured...');
        console.log(error);
      });    

      self.kweetInput = '';
      console.log('The end of newKweet() method');
    }

当我在上面的代码中将post替换为get时，它将正确获取存储在文件中的JSON数据，这意味着axios本身正在工作，并且地址为正确。

[更新]

[工作目录及其内容]

slutuppgift/
|--                         Static files
|-- index.html              HTML-code 
|-- feed.json               the API JSON-data
|-- src/                
|-- |-- main.js             JavaScript-code to initialize Vue & app.vue
|-- |-- App.vue             Vue-code for the application
|-- |-- components/         Vue-code for components
|-- |-- views/              Vue-code for pages/templates (Vue-router).
|-- |-- router.js           JavaScript-code for Vue-router (URL-structure)
|-- |-- api.js              JavaScript-code for Express.js (the API)

[当我打开另一个标签并输入URL'http://localhost:8080/feed.json']

[
  {
    "avatar": "/avatar/dankotaru_ketsui.jpeg",
    "username": "安西先生",
    "handle": "@ホッホッホッホ",
    "timestamp": 9031851080000,
    "content": "最後まで希望を捨てちゃいかん。諦めたら、そこで試合終了だよ。…………聞こえんのか？あ？…………私だけかね？まだ勝てると思ってるのは…。",
    "actions": {
      "replies": 35,
      "rekweets": 2700,
      "likes": 5700
    }
  },
  {
    "avatar": "/avatar/makoto_CCO.jfif",
    "username": "誠☆CCO",
    "handle": "@シャアーーーー！！！！",
    "timestamp": 7028851080000,
    "content": "許せカツヲ。胃もたれ的にカレーライスパウダー。ゆうべのロース、売れんかいな！で松屋の天ぷら～のバラけてる身～ね、そう、タラコサラダでビクトーリア☆",
    "actions": {
      "replies": 4,
      "rekweets": 28,
      "likes": 171
    }
  }

.....................
.....................
.....................

]

为什么即使axios.get返回有效值，axios.post也返回POST 404（未找到）错误？

0 个答案: