Vue与Vue资源

Question

我试图通过vue资源发送一个帖子请求，但我似乎不太明白我在做什么不对。

我正在使用Laravel5.1来处理请求。

下面的jquery代码在我的Vue方法中工作得很好。

 $.ajax({
        type: 'POST',
        url: '/purchase/save-cart-items',
        data: { 'purchaseItems' : purchaseItems},
        success: function (response) {
            if(response == "ok") {
                alert("Cart saved successfully.");   
            } else {
                alert('There was a problem saving this cart. Please try again.');
            }
        }
    });

但是，将上面的jquery替换为下面的vue资源post请求由于某种原因无法工作。我肯定这是很简单的事，但我似乎搞不明白。Vue-资源被正确地包含在项目中，因为我将它用于get请求，而没有问题。

this.$http.post('/purchase/save-cart-items', {purchaseItems:purchaseItems}, function (data, status, request) {
    alert("Cart saved successfully.");
}).error(function (data, status, request) {
    alert('There was a problem saving this cart. Please try again.');
});

Answer 1

您可能丢失了csrf令牌：

html

<meta id="token" name="token" content="{{ csrf_token() }}">

js

Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('#token').getAttribute('content');

Answer 2

vue的作者已经停止了更新和维护vue-资源。他自己也建议使用axios，axios更易于使用和维护。axios游戏攻略

如果你刚开始学习Vue，这里有一个入门级演示。虽然它只是一个小应用，但它涵盖了很多知识点(vue2.0 + vue-cli +vue-路由器+ vuex +a+ mysql + pm2 + webpack)，包括前端、后端、数据库等一些必要的元素，对我来说学习意义重大，想互相鼓励！

Github演示

Answer 3

守则应是：

this.$http.post('/purchase/save-cart-items', {purchaseItems:purchaseItems})
    .success(function (data, status, request) {
        alert("Cart saved successfully.");
    })
    .error(function (data, status, request) {
        alert('There was a problem saving this cart. Please try again.');
    });