首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >405 (不允许的方法)- Laravel和Vue.Js

405 (不允许的方法)- Laravel和Vue.Js
EN

Stack Overflow用户
提问于 2020-06-16 14:26:18
回答 1查看 669关注 0票数 0

下午好,各位,我正在尝试实现一个通知系统,可以用类似的方式来标记这个通知。

我在后端使用laravel 7,前端使用vuejs。

代码在本地主机上正常工作,但是当我部署到Heroku时,它停止工作,并给我下面的消息。

代码语言:javascript
运行
复制
http://springalert.herokuapp.com/api/like 405 (Method Not Allowed)
代码语言:javascript
运行
复制
Uncaught (in promise) Error: Request failed with status code 405
at createError (app.js:5347)
at settle (app.js:5608)
at XMLHttpRequest.handleLoad (app.js:4816)

有人对这个问题有任何建议,我对此进行了研究,我知道我们必须配置CORS,但是对于这个版本的laravel,它应该不再需要了。

按照密码,谢谢你的帮助。

路由

代码语言:javascript
运行
复制
Route::post('/api/like/', 'NotificationController@api_like');

控制器

代码语言:javascript
运行
复制
public function api_like(Request $request) {
  $like = new Like;
  $like->notification_id = $request->id;
  $like->user_id = auth()->id();
  $like->save();
}

VUEJS

代码语言:javascript
运行
复制
<b-card-text class="text-right" v-if="Object.keys(notification.like).length == 0">
   <a @click="makelike('success', 'Informação', notification.id)" class="a"><i class="fas fa thumbs-up"></i></a>
</b-card-text>
代码语言:javascript
运行
复制
      makelike(variant = null, title, notification_id) {
        this.id = notification_id
        axios.post('api/like/',{ id:this.id })
                    .then((response) => {
                      this.set_notifications()
                      this.$bvToast.toast('Obrigado pela tua visualização', {
                        title: title,
                        variant: variant,
                        solid: true
                      })
                    })
      },
EN

回答 1

Stack Overflow用户

发布于 2022-07-18 13:57:52

正如用户Mihai指出的,在向csrf发出get请求之后,您需要链接您的帖子请求。

这是拉拉维尔·桑克顿的样子:

代码语言:javascript
运行
复制
import axios from 'axios'

const baseUrl = 'http://yourdomain.com'
const api = axios.create({
  baseURL: baseUrl,
  withCredentials: true
})
const payload = {}

api().get('/sanctum/csrf-cookie').then(() => {
  return api().post('api/like', payload).then(resp => {
     // Do stuff with resp
  })
})
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62410852

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档