Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Dallas 5 posts 74 karma points c-trib
    Jun 18, 2018 @ 03:22

    Receiving CORS related error from Umbraco Cloud Headless Beta

    I'm testing out the new Umbraco Headless Beta within a Vue CLI project. Currently I am receiving a 400 Bad Request error when I attempt to authenticate with the Headless Service.

    The error reads:

    Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. The response had HTTP status code 400. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

    Within the App.vue single file component, I am authenticating with Umbraco Headless like so:

    import UmbracoHeadless from 'umbraco-headless'
    var headlessService
    var config = {
      url: 'https://****',
      username: '****',
      password: '****',
      imageBaseUrl: 'https://****'
    async function run () {
      headlessService = new UmbracoHeadless.HeadlessService(config)
      await headlessService.authenticate()
    export default {
      name: 'App'

    Is there a way of modifying an Umbraco Cloud project to enable Cross Origin Resource Sharing?

    Or is there perhaps an issue with how I am attempting to authenticate with Umbraco Headless Service within my Vue web-app?

Please Sign in or register to post replies

Write your reply to: