CORS issue when using mule to serve micro services to frontend

Post author: Rachel Rui Liu
Post link: <a href="https://racheliurui.github.io/2016/11/11/markdown/TechByVendorName/Mulesoft/Mule-CORS-Issue/" title="CORS issue with Mulesoft">https://racheliurui.github.io/2016/11/11/markdown/TechByVendorName/Mulesoft/Mule-CORS-Issue/
Copyright Notice: All articles in this blog are licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/" rel="external nofollow" target="_blank">CC BY-NC-SA 3.0 unless stating additionally.

When Angular call Restful API by Mule,

1
2

( cross domain HTTP request )
XMLHttpRequest cannot load http://localhost:8081/iserver/flows. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://xxxxxxx:8080' is therefore not allowed access.

resolution

add response header

name: Access-Control-Allow-Origin

value: Put in the allowed client’s http(s)😕/hostname:port