axios 发送 get 请求没问题,发送 post 请求 404,这是为什么?

来源:7-7 购买详情页 - 总价计算(2)

450650472

2017-12-19

main.js 中:

 import axios from 'axios'

Vue.protoytpe.$http = axios

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

购买详情页中:

getPrice () {

   

    let buyVersionsArray = _.map(this.versions, (item) => {

        return item.value

      })

      let reqParams = {

        buyNumber: this.buyNum,

        buyType: this.buyType.value,

        versions: this.period.value,

        period: buyVersionsArray.join(',')

      }

     

       this.$http.post('/api/getPrice', reqParams)

      .then((res) => {

        this.price = res.data.data.amount

      })

      .catch((err) => {

        console.log(err)

      })

  

}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

控制台报错信息:

POST http://localhost:8080/api/getPrice 404 (Not Found)

Error: Request failed with status code 404

    at createError (createError.js?16d0:16)

    at settle (settle.js?db52:18)

    at XMLHttpRequest.handleLoad (xhr.js?ec6c:77)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

请问这是为什么呢?使用get请求是没问题的。

从网上搜了一搜,有的说重新实例化axios,有的说需要引用qs对发送的数据处理一下,我都试了还是报404

写回答

1回答

fishenal

2017-12-22

你是自己写的server吗,自己的server你看看是不是只启动了GET没启动POST。

另外你可以用mock.js来拦截请求,不推荐自己写的mock data server,或json serverd等

1
1
450650472
老师,mockjs咱们还补充视频吗?不会用呢还,我看您github上这个项目改造成了使用mockjs了,但是看不懂……
2017-12-22
共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程