Directline对于Azure Bot Services没有响应，并被CORS策略阻止

Question

我已经使用Microsoft Sample for Bot Services的Bot Services sample。

我调试后，网页未显示任何内容。这是我的源代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Web Chat: Minimal bundle with Markdown</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat-minimal.js"></script>

    <style>
      html,
      body 
        height: 100%;
      
      body 
        margin: 0;
      
      #webchat 
        height: 100%;
        width: 100%;
      
    </style>
</head>
<body>
<div id="webchat" role="main"></div>
    <script>
      (async function() 
         const res = await fetch('https://csharpbotdw.azurewebsites.net/directline/token',  method: 'POST' );
        const  token  = await res.json();
        const markdownIt = window.markdownit();
        window.WebChat.renderWebChat(
          
                directLine: window.WebChat.createDirectLine( token )

          ,
          document.getElementById('webchat')
        );
        document.querySelector('#webchat > *').focus();
      )().catch(err => console.error(err));
    </script>
</body>
</html>

我只看到错误提示

Access to fetch at 'https://csharpbotdw.azurewebsites.net/directline/token' from origin 'http://localhost:63191' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. [http://localhost:63191/Test13122019]

Answer 1

另一答案