热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

LaravelVueaxios不返回response.data

这是我第一次使用laravelVue和axios。我试图将“订阅”按钮添加到我的用户频道。它不在

这是我第一次使用laravel Vue和axios。我试图将“订阅”按钮添加到我的用户频道。它不在axios中返回订户响应吗?我的response.data是否错误或模板中的输出是否正确?任何帮助都会很好。如果需要,我可以提供更多代码。谢谢

AppSubscribeButton.vue



我的web.php

Route::get('/','HomeController@index')->name('home');
Route::get('/channel/{channel}','ChannelController@show');
Route::get('/subscription/{channel}','ChannelSubscriptionController@show');
Auth::routes(['verify' => true]);
Route::group(['middleware' => ['verified']],function() {
Route::group(['prefix' => 'account','middleware' => ['auth'],'as' => 'account.'],function () {
/**
* account
*/
Route::get('/','account\accountController@index')->name('index');
/**
* Profile
*/
Route::get('profile','account\ProfileController@index')->name('profile');
Route::post('profile','account\ProfileController@store')->name('profile.store');
/**
* Password
*/
Route::get('password','account\PasswordController@index')->name('password');
Route::post('password','account\PasswordController@store')->name('password.store');
});
/**
* Dashboard
*/
Route::get('/dashboard','DashboardController@index')->name('dashboard');
/**
* Teams
*/
Route::resource('teams','Teams\TeamController');
Route::get('teams/{team}/delete','Teams\TeamController@delete')
->name('teams.delete');
Route::get('teams/{team}/users/{user}/delete','Teams\TeamUserController@delete')
->name('teams.users.delete');
Route::resource('teams/{team}/users','Teams\TeamUserController')->names([
'index' => 'teams.users.index','store' => 'teams.users.store','destroy' => 'teams.users.destroy',]);
Route::get('teams/{team}/users/{user}/roles','Teams\TeamUserRoleController@edit')
->name('teams.users.roles.edit');
Route::patch('teams/{team}/users/{user}/roles','Teams\TeamUserRoleController@update')
->name('teams.users.roles.update');
/**
* Channels
*/
Route::group(['middleware' => ['auth']],function () {
Route::get('/channel/{channel}/edit','ChannelSettingsController@edit');
Route::put('/channel/{channel}/edit','ChannelSettingsController@update');
Route::get('/createchannel','ChannelCreateController@index')->name('createchannel');
Route::put('/createchannel','ChannelCreateController@store')->name('createchannel.store');
Route::get('/channel/{channel}/delete','ChannelSettingsController@index');
Route::delete('/channel/{channel}/delete','ChannelSettingsController@destroy')->name('createchannel.destroy');
});
});

如果我console.log(订阅者)出现此错误

[Vue warn]: Error in mounted hook: "ReferenceError: subscribers is not defined"
found in
---> at resources/js/components/AppSubscribeButton.vue
app.js:38444:15
warn http://teams.com:8000/js/app.js:38444
logError http://teams.com:8000/js/app.js:39703
globalHandleError http://teams.com:8000/js/app.js:39698
handleError http://teams.com:8000/js/app.js:39658
invokeWithErrorHandling http://teams.com:8000/js/app.js:39681
callHook http://teams.com:8000/js/app.js:42024
insert http://teams.com:8000/js/app.js:40956
invokeInsertHook http://teams.com:8000/js/app.js:44145
patch http://teams.com:8000/js/app.js:44362
_update http://teams.com:8000/js/app.js:41750
updateComponent http://teams.com:8000/js/app.js:41871
get http://teams.com:8000/js/app.js:42282
Watcher http://teams.com:8000/js/app.js:42271
mountComponent http://teams.com:8000/js/app.js:41878
$mount http://teams.com:8000/js/app.js:46848
$mount http://teams.com:8000/js/app.js:49733
_init http://teams.com:8000/js/app.js:42816
Vue http://teams.com:8000/js/app.js:42882
js http://teams.com:8000/js/app.js:49869
__webpack_require__ http://teams.com:8000/js/app.js:20
0 http://teams.com:8000/js/app.js:50007
__webpack_require__ http://teams.com:8000/js/app.js:20
http://teams.com:8000/js/app.js:84
http://teams.com:8000/js/app.js:87





推荐阅读
  • 深入解析:React与Webpack配置进阶指南(第二部分)
    在本篇进阶指南的第二部分中,我们将继续探讨 React 与 Webpack 的高级配置技巧。通过实际案例,我们将展示如何使用 React 和 Webpack 构建一个简单的 Todo 应用程序,具体包括 `TodoApp.js` 文件中的代码实现,如导入 React 和自定义组件 `TodoList`。此外,我们还将深入讲解 Webpack 配置文件的优化方法,以提升开发效率和应用性能。 ... [详细]
  • 在 Vue 应用开发中,页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式,帮助开发者高效地实现页面间的数据交互与状态同步,同时分享一些最佳实践和注意事项。 ... [详细]
  • 本文详细介绍了在 Vue.js 前端框架中集成 vue-i18n 插件以实现多语言支持的方法。通过具体的配置步骤和示例代码,帮助开发者快速掌握如何在项目中实现国际化功能,提升用户体验。同时,文章还探讨了常见的多语言切换问题及解决方案,为开发人员提供了实用的参考。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 基于Net Core 3.0与Web API的前后端分离开发:Vue.js在前端的应用
    本文介绍了如何使用Net Core 3.0和Web API进行前后端分离开发,并重点探讨了Vue.js在前端的应用。后端采用MySQL数据库和EF Core框架进行数据操作,开发环境为Windows 10和Visual Studio 2019,MySQL服务器版本为8.0.16。文章详细描述了API项目的创建过程、启动步骤以及必要的插件安装,为开发者提供了一套完整的开发指南。 ... [详细]
  • 优化后的标题:深入探讨网关安全:将微服务升级为OAuth2资源服务器的最佳实践
    本文深入探讨了如何将微服务升级为OAuth2资源服务器,以订单服务为例,详细介绍了在POM文件中添加 `spring-cloud-starter-oauth2` 依赖,并配置Spring Security以实现对微服务的保护。通过这一过程,不仅增强了系统的安全性,还提高了资源访问的可控性和灵活性。文章还讨论了最佳实践,包括如何配置OAuth2客户端和资源服务器,以及如何处理常见的安全问题和错误。 ... [详细]
  • QT框架中事件循环机制及事件分发类详解
    在QT框架中,QCoreApplication类作为事件循环的核心组件,为应用程序提供了基础的事件处理机制。该类继承自QObject,负责管理和调度各种事件,确保程序能够响应用户操作和其他系统事件。通过事件循环,QCoreApplication实现了高效的事件分发和处理,使得应用程序能够保持流畅的运行状态。此外,QCoreApplication还提供了多种方法和信号槽机制,方便开发者进行事件的定制和扩展。 ... [详细]
  • 使用 Vuex 管理表单状态:当输入框失去焦点时自动恢复初始值 ... [详细]
  • ButterKnife 是一款用于 Android 开发的注解库,主要用于简化视图和事件绑定。本文详细介绍了 ButterKnife 的基础用法,包括如何通过注解实现字段和方法的绑定,以及在实际项目中的应用示例。此外,文章还提到了截至 2016 年 4 月 29 日,ButterKnife 的最新版本为 8.0.1,为开发者提供了最新的功能和性能优化。 ... [详细]
  • 微信小程序实现类似微博的无限回复功能,内置云开发数据库支持
    本文详细介绍了如何利用微信小程序实现类似于微博的无限回复功能,并充分利用了微信云开发的数据库支持。文中不仅提供了关键代码片段,还包含了完整的页面代码,方便开发者按需使用。此外,HTML页面中包含了一些示例图片,开发者可以根据个人喜好进行替换。文章还将展示详细的数据库结构设计,帮助读者更好地理解和实现这一功能。 ... [详细]
  • 本文介绍了如何在 Windows 系统上利用 Docker 构建一个包含 NGINX、PHP、MySQL、Redis 和 Elasticsearch 的集成开发环境。通过详细的步骤说明,帮助开发者快速搭建和配置这一复杂的技术栈,提升开发效率和环境一致性。 ... [详细]
  • 在Ubuntu系统中配置Python环境变量是确保项目顺利运行的关键步骤。本文介绍了如何将Windows上的Django项目迁移到Ubuntu,并解决因虚拟环境导致的模块缺失问题。通过详细的操作指南,帮助读者正确配置虚拟环境,确保所有第三方库都能被正确识别和使用。此外,还提供了一些实用的技巧,如如何检查环境变量配置是否正确,以及如何在多个虚拟环境之间切换。 ... [详细]
  • 在深入研究 React 项目的过程中,特别是在探索 react-router 源码时,我发现了其中蕴含的中间件概念。这激发了我对中间件的进一步思考与整理。本文将详细探讨 Redux 中间件的原理及其在实际项目中的应用,帮助读者更好地理解和使用这一强大工具。通过具体示例和代码解析,我们将揭示中间件如何提升应用的状态管理和异步操作处理能力。 ... [详细]
  • 深入解析 Vue 中的 Axios 请求库
    本文深入探讨了 Vue 中的 Axios 请求库,详细解析了其核心功能与使用方法。Axios 是一个基于 Promise 的 HTTP 客户端,支持浏览器和 Node.js 环境。文章首先介绍了 Axios 的基本概念,随后通过具体示例展示了如何在 Vue 项目中集成和使用 Axios 进行数据请求。无论你是初学者还是有经验的开发者,本文都能为你解决 Vue.js 相关问题提供有价值的参考。 ... [详细]
  • 本文介绍了 Vue 开发的入门指南,重点讲解了开发环境的配置与项目的基本搭建。推荐使用 WebStorm 作为 IDE,其下载地址为 。安装时请选择适合您操作系统的版本,并通过 获取激活码。WebStorm 是前端开发者的理想选择,提供了丰富的功能和强大的代码编辑能力。 ... [详细]
author-avatar
手机用户2602931131
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有