Laravel 5.4 和 Axion 让我抓狂：“Axios 没有定义”答案

【问题标题】：Laravel 5.4 and Axion making me crazy: "Axios is not defined"Laravel 5.4 和 Axion 让我抓狂：“Axios 没有定义”
【发布时间】：2018-03-22 13:06:58
【问题描述】：

我正在运行带有 Vue.js 的 Laravel 5.4 和带有 Laravel Passport 的 Axios。所以在我的 /home 我调用 Vue.js 组件：

<passport-clients></passport-clients>
<passport-authorized-clients></passport-authorized-clients>
<passport-personal-access-tokens></passport-personal-access-tokens>

当我运行服务器并进入页面时，组件已加载。但是，操作按钮不起作用并出现此错误：

vue.js?3de6:482 [Vue 警告]：挂载钩子中的错误：“ReferenceError：axios 未定义”在 ---> 在 /home/someusername/Documentos/AGIL/DESENVOLVIMENTO/somefolder/projeto/ 中找到资源/资产/js/components/passport/Clients.vue

还有其他的，比如：

ReferenceError: axios 未定义在 VueComponent.getClients (eval at (app.js:320), :277:13) 在 VueComponent.boundFn [as getClients] (eval at (app.js:418), :186:12) 在 VueComponent.prepareComponent (eval at (app.js:320), :260:18) 在 VueComponent.boundFn [as prepareComponent] (eval at (app.js:418), :186:12) 在 VueComponent.mounted (eval at (app.js:320), :252:14) 在 callHook 处（在 (app.js:418), :2705:21 处评估）在 Object.insert（在 (app.js:418), :3586:7 处进行评估）在invokeInsertHook（评估在（app.js：418），：5532：28）在 Vue$3.patch [as patch] (eval at (app.js:418), :5735:5) 在 Vue$3.Vue._update (eval at (app.js:418), :2454:19)

这让我抓狂了，我已经安装了 Axios、Vue.js，有什么提示吗？

【问题讨论】：

标签： node.js laravel-5 axios laravel-passport

【解决方案1】：

答案很简单：

第一：如果你遵循一些教程或课程，不要相信事情会以同样的方式工作。

第二个：在resources/assets/js/components/passport/里面，打开每个component.vue（例如client.vue）和insert之后：

var axios = require("axios");

【讨论】：