我嘗試遵循這個(gè) Twilio 教程: https://www.twilio.com/blog/create-video-conference-app-laravel-php-vue-js
由于它基于 Laravel 6,我在 2022 年遇到了一些錯(cuò)誤。 我已經(jīng)通過(guò)添加 AccessTokenController 的完整命名空間來(lái)修復(fù)路由
但是在教程中,我被要求“將welcome.blade.php中的代碼替換為以下內(nèi)容:”
... <script> export default { name: 'video-chat', data: function () { return { accessToken: '' } }, methods : { getAccessToken : function () { const _this = this const axios = require('axios') // Request a new token axios.get('/api/access_token') .then(function (response) { _this.accessToken = response.data }) .catch(function (error) { console.log(error); }) .then(function () { console.log( _this.accessToken ) }); } }, mounted : function () { console.log('Video chat room loading...') this.getAccessToken() } } </script>
但是我認(rèn)為作者犯了一個(gè)錯(cuò)誤,實(shí)際上是指 VideoChat.vue 文件內(nèi)容。
但是粘貼的代碼不起作用。我什至沒(méi)有得到控制臺(tái)日志。由于我是 vue.js 的新手,我想向社區(qū)詢問(wèn)可能出現(xiàn)的錯(cuò)誤。
感謝您提前的答復(fù)。
我認(rèn)為你是對(duì)的,你粘貼的代碼應(yīng)該進(jìn)入 VideoChat.vue
。
在 welcome.blade.php
中,確保您已將 <example-component></example-component>
替換為 <video-chat></video-chat>
。然后您應(yīng)該在控制臺(tái)中看到一些日志,并且應(yīng)用程序獲取訪問(wèn)令牌。