我嘗試遵循這個(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 的新手,我想向社群詢問(wèn)可能出現(xiàn)的錯(cuò)誤。
感謝您提前的答覆。
我認(rèn)為你是對(duì)的,你貼上的程式碼應(yīng)該進(jìn)入 VideoChat.vue
。
在welcome.blade.php
中,請(qǐng)確保您已將<example-component></example-component>
替換為<video-chat> ;</video-chat>
。然後您應(yīng)該在控制臺(tái)中看到一些日誌,並且應(yīng)用程式會(huì)取得存取權(quán)杖。