急！！vue-resource无法提交post数据 路径404

Question

在网上看了个视频，上面用的是vue2.0之前的版本，所以配置vue-resource的get和post都是在build.js下的dev-server.js中，而我用的是vue2.0之后的新版本，所以文件目录中没有dev-server.js文件。

我在网上查了资料，新版本vue的dev-server.js配置要在webpack.dev.conf.js中配置,如图1和图2，都是在webpack.dev.conf.js中进行配置的。

图1
图2

存放模拟数据的db.json文件放在图3的位置

图3

方法代码如下

getPrice(){
    let reqParams = {
    goodsname: this.$root.bestsellgoods[this.productid].goodsname,
    buyType: this.$root.bestsellgoods[productid].goodsclassify,
    price: this.$root.bestsellgoods[this.productid].presentprice,
    buyNumber: this.buyNum
    }
    this.$http.post('/api/getPrice', reqParams)
    .then((res) => {
        console.log(res)
        //this.price = res.data.amount
    })
},

结果执行方法的话，访问不到db.json文件中的getPrice中的数据

图4

路径问题怎么改？？求指教

Answer 1

本地json放在static目录下 就好了

Answer 2

可以尝试换成axios，vue-resources早已经不再维护了，不建议使用。