网络套接字连接上的“访问控制-允许-起源”错误

Question

我正在尝试从另一个域连接到我的websocket。服务器位于localhost:8098上，客户端位于localhost:8080上。每次尝试连接时，我都会收到“访问控制允许源代码”错误，我还添加了。setAllowedOrigins（“*”）。

不确定少了什么。

服务器

@Configuration
@EnableWebSocketMessageBroker
public class webSocketObjects implements WebSocketMessageBrokerConfigurer {

    @Override
    public void configureMessageBroker(MessageBrokerRegistry config) {
        config.enableSimpleBroker("/topic");
        config.setApplicationDestinationPrefixes("/app");

    }

    @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {
        registry.addEndpoint("/ws/Object").setAllowedOrigins("*").withSockJS();


    }

客户

<script>
    let stompClient=null;
    import Stomp from 'stompjs';
    import SockJS from 'sockjs-client'
    export default {
        name: "modal",
        props: ['node'],
        data() {
            return{
                bacnetObject: '',
                status: "disconnected"


        }
        },
        mounted() {
            this.bacnetObject = this.node;
        },
        methods: {
            connect: function(){
                const socket = new SockJS('http://localhost:8098/ws/Object');
                stompClient = Stomp.over(socket);
                stompClient.connect({
                }, function (frame) {
                    console.log('Connected: ' + frame);
                    stompClient.subscribe('/topic/user', console.log(String.body))

                })
    },
            disconnect: function () {
                stompClient.disconnect();
            }
    }
    }
</script>

我得到的错误是：

CORS 策略已阻止从源“http://localhost:8080”在“http://localhost:8098/ws/Object/info?t=1571728150435”处访问 XMLHttpRequest：请求的资源上不存在“访问控制-允许-源”标头。

Answer 1

如果您使用的是凭据，则根据 MDN 的文档，* 将不起作用。请尝试改为指定主机。

对于没有凭据的请求，可以将文本值“*”指定为通配符；该值告诉浏览器允许来自任何源的请求代码访问资源。尝试将通配符与凭据一起使用将导致错误。

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin

另一方面，有时根据您的情况，您可能需要处理这些标题

Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Allow-Headers: header1, header2 ...

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Preflighted_requests