title: VUE 3 CLI Project is blocking CORS for the sockjs-node refresh call (Using a Proxy in config for API Calls)
body: <p>I am running a VUE 3 CLI project on localhost</p>
  <p>There is a remote server I need to call for data. Browsers were blocking this CORS so I had to learn how to set up correct api headers and a proxy in the vue config.</p>
  <p>My vue.config.js file contains this:</p>
  <pre><code>devServer: {
      https: true,
      proxy: {
          '^/api': {
              target: 'https://api.mysite.com/',
              ws: true,
              changeOrigin: true
          }
      }
  },
  </code></pre>
  <p>This resolved my CORS block from local host to the remote server but caused the problem in the title. It now thinks that the call to the sockjs-node file is cross origin.</p>
  <blockquote>
  <p>Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at <a href="https://192.168.29.243:8080/sockjs-node/info?t=1615826901010" rel="nofollow noreferrer">https://192.168.29.243:8080/sockjs-node/info?t=1615826901010</a>. (Reason: CORS request did not succeed).</p>
  </blockquote>
  <p>I can't seem to find any reason for this or a solution. Has anyone run into this and knows what to do?</p>