Angular 8 : set production environment for api base url

Question

Working on angular 8 project and I want to set two environments configuration, one for dev and other for prod :

dev

export const environment = {
  production: false,
  baseUrl: 'http://localhost:8000/api'
};

prod

export const environment = {
  production: true,
  baseUrl: 'https://serverurl/api/api'
};

the problem here is when I run npm run ng build --prod and test after that a register route on my api it doesn't work, on the other side it works when I test with postman !

@AdritaSharma that's not the real problem, it works when test with any api test tools, because the folder name is api on the server and api prefix is api also, — sa7noun
– sa7noun, Commented Sep 16, 2019 at 15:47
@AdritaSharma I didn't get any error, a 200 response!! and I didn't find any row on my database :/ — sa7noun
– sa7noun, Commented Sep 16, 2019 at 15:48

abney317 · Accepted Answer · 2019-09-16 15:48:51Z

6

Use the configuration option to build with the proper environment

ng build --prod --configuration=production

In your angular.json you should find something like this:

"architect": {
  "build": {
    "configurations": {
      "production": {
        "fileReplacements": [
          {
            "replace": "src/environments/environment.ts",
            "with": "src/environments/environment.prod.ts"
          }
        ],
...

answered Sep 16, 2019 at 15:48

abney317

8,5927 gold badges36 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 8 : set production environment for api base url

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related