@alex_gamescripts

Проблема с сокетами. Как исправить?

При запуске скрипта server.js. Его код:

var http = require('http').Server();
var io = require('socket.io')(http);
var Redis = require('ioredis');

var redis = new Redis();
redis.subscribe('news-action');
redis.on('message', function(channel, message){
	console.log('Message recieved:' + message);
	console.log('Channel:' + channel);
	message = JSON.parse(message);
	io.emit(channel + ':' + message.event, message.data);
});

http.listen(3000, function(){
	console.log('Listening on Port: 3000')
});


Компонент vue:
<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <line-chart :chart-data="data" :height="100" :options="{responsive:true, maintainAspectRation: true}"></line-chart>
                <input type="checkbox" v-model="realtime"> realtime
                <input type="text" v-model="label">
                <input type="text" v-model="sale">
                <button @click="sendData"class="btn btn-primary">Обновить</button>
            </div>
        </div>
    </div>
</template>

<script>
    import LineChart from './LineChart.js'
    export default {
        components:{
                LineChart
            },
        data: function(){
            
            return{
                data: [],
                realtime: false,
                label:"",
                sale: 500
            } 
        },
        mounted() {
            var socket = io('http://cash3x.site:3000');
            socket.on("news-action:App\\Events\\NewEvent", function(data){
               this.data = data.result;
            }.bind(this));
            this.update()
        },
        methods: {
            update: function(){
            	 
                axios.get('/start/socket-chart').then((response) => {
                	this.data = response.data
                	
                }) 
            },
            sendData: function(){
                axios({
                    method: 'get',
                    url: '/start/socket-chart',
                    params: {label: this.label, sale: this.sale, realtime: this.realtime}
                }).then((response) => {
                    this.data = response.data
                    
                }) 

            }
        }
    }
</script>


Вылезает ошибка:
Access to XMLHttpRequest at 'cash3x.site:3000/socket.io/?EIO=4&transport=pollin...' from origin 'ht.


Подскажите пожалуйста как исправить. Проект на laravel. Ссылка на сайт cash3x.site/start

5fc3924304949949060087.png
  • Вопрос задан
  • 65 просмотров
Пригласить эксперта
Ответы на вопрос 1
Sanes
@Sanes
CORS ни о чем не говорит?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 03:52
1000 руб./за проект
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект