Almost every single Ember app needs to communicate with at least one API. CORS allows you your app to make these cross-domain AJAX requests relatively easily. That being said, there are reasons why you might not have CORS enabled (perhaps you don't even have control of the server). That's where API Proxies come in.

Add the Proxy

Navigate to your app in the Pagefront dashboard and click on "Settings" in the top nav. Once on the settings page, you should see "API Proxies." Click the "Add" button. Enter a "name" for your proxy (e.g. "api"). Enter the "origin", making sure to specify "http" or "https" (e.g. "https://api.example.com"). Go ahead and add any headers that you want to be passed along with each request (making sure to click the plus button for each one you want to add). Now just click the "Create" button:

Adding Proxy

Use the Proxy in Your App

You should now see the newly added proxy:

Added Proxy

Note the path for your new proxy (in this case it is "/--/proxies/api"). You now just need to make sure that your Ember app prefixes all request endpoints with this. For example, if you are using Ember Data with the JSON API adapter:

// app/adapters/application.js

import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({
  namespace: '--/proxies/api'
});