Javascript CORS策略已阻止对XMLHttpRequest的访问：No‘；访问控制允许原点’；请求的资源上存在标头

我有一个React应用程序，试图连接到STOMP websocket，当我尝试连接时，它会给我以下错误：

当我使用代理时： 从“源”访问位于“xxx”的XMLHttpRequesthttp://localhost:3000'已被CORS策略阻止：当请求的凭据模式为'include'时，响应中的'Access Control Allow Origin'标头的值不得为通配符'*'。XMLHttpRequest启动的请求的凭据模式由withCredentials属性控制

当我不使用代理时： 从“源”访问位于“xxx”的XMLHttpRequesthttp://localhost:3000'已被CORS策略阻止：请求的资源上不存在'Access Control Allow Origin'标头

技术：Stomp，SockJS 图书馆：反应跺脚

代码：

从“react stomp”导入SockJsClient
从“antd”导入{Button}
常量Websocket=（）=>{
const[clientRef，setClientRef]=useState（false）
console.log（clientRef）
const sendMessage=（msg）=>{
如果（clientRef）{
clientRef.sendMessage（'/app/hello'，msg）
}
}
返回(
{
控制台日志（msg）
}}
ref={（客户端）=>{
setClientRef（客户端）
}}
/>
{
sendMessage（{name:'Ricardo'}）
}}
type=“提交”
>
招呼
)
}
导出默认Websocket

import SockJsClient from 'react-stomp'
import { Button } from 'antd'

const Websocket = () => {
  const [clientRef, setClientRef] = useState(false)
  console.log(clientRef)
  const sendMessage = (msg) => {
    if (clientRef) {
      clientRef.sendMessage('/app/hello', msg)
    }
  }

  return (
    <div>
      <SockJsClient
        url="xxx"
        topics={['/topic/greeting']}
        onMessage={(msg) => {
          console.log(msg)
        }}
        ref={(client) => {
          setClientRef(client)
        }}
      />

      <Button
        onClick={() => {
          sendMessage({ name: 'Ricardo' })
        }}
        type="submit"
      >
        Greeting
      </Button>
    </div>
  )
}

export default Websocket