javascript - 我可以在非 SPA 项目上使用 Axios 吗？

Question

我厌倦了 ajax 长风格的发送请求，我在 SPA 项目上使用了 axios，它非常酷，我检查了文档以了解它是如何工作的并且工作得很好，但是如果我尝试提出请求它拖着未经验证的错误，我使用 Laravel php 框架作为我的代码后端，如果我尝试直接在 ajax 上运行它，它可以工作，或者在正常形式上它也可以工作。

另外，我在任何地方都没有任何身份验证中间设置。

这是库的文档 Axios Library

这是我的示例代码

axios.get('/home', {} , {
            'X-CSRF-TOKEN'    : "{{csrf_token()}}",
            'X-Requested-With': 'XMLHttpRequest',
            'Accept' : 'application/json',
            'Content-Type' : 'application/x-www-form-urlencoded',
        })
            .then(function(ressponse){
                console.log(success);
            })
            .catch(function(error){
                console.log(error)
            })
 });

我只返回 Controller 中的所有请求，而不是特殊的

所以我的问题是，这是否是 axios 或 laravel 的问题，或者我不能只使用 axios 而不使用任何 SPA 框架(例如 React、vue 等)。

谢谢。

Answer 1

它未经身份验证，因为您没有在 header 中设置 X-CSRF-TOKEN。

您正在配置对象上设置 X-CSRF-TOKEN 属性，但这毫无意义。

axios.get('/home', {} , {
            headers: {
                'X-CSRF-TOKEN'    : "{{csrf_token()}}",
                // X-Requested-With is an ugly hack and you should use an Accept header instead of this (not as well as!)
                'X-Requested-With': 'XMLHttpRequest',
                'Accept' : 'application/json',
                // You're making a GET request. There is no request body to describe the content-type of.
                // 'Content-Type' : 'application/x-www-form-urlencoded',
            }
        })