I'm making a client-side request out to V2 of the Square API using [Vue](https://vuejs.org/) and [Axios](https://github.com/axios/axios). My Vue component is as follows:

```
import axios from 'axios';
export default {
    mounted() {
        var instance = axios.create({
            baseURL: 'https://connect.squareup.com/v2/',
            timeout: 1000,
            headers: {
                'Authorization': 'Bearer xxxxxxxxxxxxxxxxx',
                'Accepts': 'application/json',
                'Content-Type': 'application/json'
            }
        });
        instance.get('catalog/list')
        .then(function (response) {
            console.log(response);
        }) ;
    }
}

```

However, when I make that call, I receive the following error:

```
Failed to load https://connect.squareup.com/v2/catalog/list: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://local-env.dev' is therefore not allowed access. The response had HTTP status code 403.

```

That error suggests that there is some configuration that has to happen on the Square side, but I saw no opportunity to whitelist domains, etc.

Has anyone come across this error before, regardless of service, and if so, how did you resolve?