akveo / ngx-admin

Customizable admin dashboard template based on Angular 10+
https://akveo.github.io/ngx-admin/
MIT License
25.19k stars 7.94k forks source link

Cannot connect to Own API with ngx-admin #5737

Closed tmnunes closed 4 years ago

tmnunes commented 4 years ago

Issue type

I'm submitting a ... (check one with "x")

Issue description

Current behavior: I am trying to use my own API with ngx-admin but it returns a error in browser console: [Error] Preflight response is not successful [Error] XMLHttpRequest cannot load http://localhost:3000/api/v1/auth/login due to access control checks. [Error] Failed to load resource: Preflight response is not successful (login, line 0)

My API return what expected in documentation.

Also tested with the proxy.conf.json , with the API configuration.

I'm beginer in Angular :)

Expected behavior: I am expecting an easy way to use my own api.

Steps to reproduce:

Related code: On core.module.ts i have: '''strategies: [ NbPasswordAuthStrategy.setup({ name: 'email', baseEndpoint: 'http://localhost:3000/api/v1', login: { endpoint: '/auth/login' } }), ],'''

I am using the demo code with just a small changes.

Other information:

Using MacOs

Package.json: ''' { "name": "APP", "version": "1.0.0", "license": "MIT", "repository": { "type": "git", "url": "git+https://github.com/akveo/ngx-admin.git" }, "bugs": { "url": "https://github.com/akveo/ngx-admin/issues" }, "scripts": { "ng": "ng", "conventional-changelog": "conventional-changelog", "start": "ng serve", "build": "ng build", "build:prod": "npm run build -- --prod --aot", "test": "ng test", "test:coverage": "rimraf coverage && npm run test -- --code-coverage", "lint": "ng lint", "lint:fix": "ng lint ngx-admin-demo --fix", "lint:styles": "stylelint ./src/*/.scss", "lint:ci": "npm run lint && npm run lint:styles", "pree2e": "webdriver-manager update --standalone false --gecko false", "e2e": "ng e2e", "docs": "compodoc -p src/tsconfig.app.json -d docs", "docs:serve": "compodoc -p src/tsconfig.app.json -d docs -s", "prepush": "npm run lint:ci", "release:changelog": "npm run conventional-changelog -- -p angular -i CHANGELOG.md -s", "postinstall": "ngcc --properties es2015 es5 browser module main --first-only --create-ivy-entry-points" }, "dependencies": { "@akveo/ng2-completer": "^9.0.1", "@angular/animations": "^9.0.4", "@angular/cdk": "^9.1.2", "@angular/common": "^9.0.4", "@angular/compiler": "^9.0.4", "@angular/core": "^9.0.4", "@angular/forms": "^9.0.4", "@angular/google-maps": "^9.1.0", "@angular/platform-browser": "^9.0.4", "@angular/platform-browser-dynamic": "^9.0.4", "@angular/router": "^9.0.4", "@asymmetrik/ngx-leaflet": "3.0.1", "@nebular/auth": "5.0.0", "@nebular/eva-icons": "5.0.0", "@nebular/security": "5.0.0", "@nebular/theme": "5.0.0", "@swimlane/ngx-charts": "^13.0.2", "angular2-chartjs": "0.4.1", "bootstrap": "4.3.1", "chart.js": "2.7.1", "ckeditor": "4.7.3", "classlist.js": "1.1.20150312", "core-js": "2.5.1", "echarts": "^4.0.2", "eva-icons": "^1.1.3", "intl": "1.2.5", "ionicons": "2.0.1", "leaflet": "1.2.0", "nebular-icons": "1.1.0", "ng2-ckeditor": "^1.2.2", "ng2-smart-table": "^1.6.0", "ngx-echarts": "^4.2.2", "node-sass": "^4.12.0", "normalize.css": "6.0.0", "pace-js": "1.0.2", "roboto-fontface": "0.8.0", "rxjs": "6.5.4", "rxjs-compat": "6.3.0", "socicon": "3.0.5", "style-loader": "^1.1.3", "tinymce": "4.5.7", "tslib": "^1.10.0", "typeface-exo": "0.0.22", "web-animations-js": "^2.3.2", "zone.js": "~0.10.2" }, "devDependencies": { "@angular-devkit/build-angular": "~0.900.4", "@angular/cli": "^9.0.4", "@angular/compiler-cli": "^9.0.4", "@angular/language-service": "9.0.4", "@compodoc/compodoc": "1.0.1", "@fortawesome/fontawesome-free": "^5.2.0", "@types/d3-color": "1.0.5", "@types/googlemaps": "^3.39.3", "@types/jasmine": "2.5.54", "@types/jasminewd2": "2.0.3", "@types/leaflet": "1.2.3", "@types/node": "^12.11.1", "codelyzer": "^5.1.2", "conventional-changelog-cli": "1.3.4", "husky": "0.13.3", "jasmine-core": "2.6.4", "jasmine-spec-reporter": "4.1.1", "karma": "1.7.1", "karma-chrome-launcher": "2.1.1", "karma-cli": "1.0.1", "karma-coverage-istanbul-reporter": "1.3.0", "karma-jasmine": "1.1.0", "karma-jasmine-html-reporter": "0.2.2", "npm-run-all": "4.0.2", "protractor": "5.1.2", "rimraf": "2.6.1", "stylelint": "7.13.0", "ts-node": "3.2.2", "tslint": "^5.7.0", "tslint-language-service": "^0.9.9", "typescript": "3.7.5" } } '''

tmnunes commented 4 years ago

need to activate CORS in backend. app.enableCors();