Access-Control-Allow-Origin when using rest api

I have website on my localhost and erpnext hosted as

I’ve tested login api using postman and works fine but when trying through angular it return error

No ‘Access-Control-Allow-Origin’ header is present on the requested resource

so Ive read a solution about installing Access-Control-Allow-Origin chrome extension but gives me another error like this

“{“message”:“Incomplete login details”,“exc”:”["Traceback (most recent call last):\n File \"/home/frappe/benches/bench-2017-10-05/apps/frappe/frappe/\", line 54, in application\n init_request(request)\n File \"/home/frappe/benches/bench-2017-10-05/apps/frappe/frappe/\", line 116, in init_request\n frappe.local.http_request = frappe.auth.HTTPRequest()\n File \"/home/frappe/benches/bench-2017-10-05/apps/frappe/frappe/\", line 53, in init\n frappe.local.login_manager = LoginManager()\n File \"/home/frappe/benches/bench-2017-10-05/apps/frappe/frappe/\", line 107, in init\n if self.login()==False: return\n File \"/home/frappe/benches/bench-2017-10-05/apps/frappe/frappe/\", line 126, in login\n self.authenticate(user=user, pwd=pwd)\n File \"/home/frappe/benches/bench-2017-10-05/apps/frappe/frappe/\", line 197, in authenticate\n‘Incomplete login details’), user=user)\n File \"/home/frappe/benches/bench-2017-10-05/apps/frappe/frappe/\", line 228, in fail\n raise frappe.AuthenticationError\nAuthenticationError\n"]“}”

while Ive test another website api it works fine ,
so any help ?!