Make request to php endpoint in angular4

Question

So i am new to Angular4, I have a service that is supposed to make a request to a php api. I have the following code -

getWeather(keyword: string){
  return this.http.get("weather.php",  {
    params: new HttpParams().set('keyword', keyword),
    headers: new HttpHeaders().set('Method', 'search'),
  });

I am getting a 404 localhost:4200/weather.php cannot be found. not sure wher to place the php endpoint file.

Where does the weather.php file sit on your application?

Vinod Bhavnani
– Vinod Bhavnani

2017-11-24 11:29:27 +00:00
Commented Nov 24, 2017 at 11:29 — Vinod Bhavnani
– Vinod Bhavnani, Commented Nov 24, 2017 at 11:29
i put it in the /app folder

Joshua Majebi
– Joshua Majebi

2017-11-24 12:52:40 +00:00
Commented Nov 24, 2017 at 12:52 — Joshua Majebi
– Joshua Majebi, Commented Nov 24, 2017 at 12:52

Florian D · Accepted Answer · 2017-11-24 11:31:10Z

1

Assuming that localhost:4200 is your front-end server, you have to set your php server api path in the call. If your php server in in local on the 8080 port, you type this.http.get('http://localhost:8080/weather.php',...

answered Nov 24, 2017 at 11:31

Florian D

2311 silver badge6 bronze badges

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

5 Comments

madalinivascu Over a year ago

why use absolute urls?

Florian D Over a year ago

@madalinivascu this is in case your api backend is different of your front end entry point. If you wand to use 4200 port, create a proxy middleware that redirects to your php server. With angular-cli: github.com/angular/angular-cli/blob/master/docs/documentation/…

Joshua Majebi Over a year ago

I dont have a php server...its just a script file....how do i go about talking to the script from my angular 4 app

Florian D Over a year ago

To execute you php script ou need a php server like easyphp. Where is located your file?

Joshua Majebi Over a year ago

Ok i understand now...This is the correct answer because there is no way to run the php script without a server to seat infront of the script and accept requests.

Sunny Gohil · Accepted Answer · 2017-11-24 11:27:35Z

0

You can put it in your src/assets folder and then call it using this.http.get("assets/weather.php", {....

answered Nov 24, 2017 at 11:27

Sunny Gohil

3191 silver badge11 bronze badges

Comments

Keyur Shah · Accepted Answer · 2017-11-24 11:42:08Z

0

This is because for Angular application is hosted on 4200 port and your PHP file will be using port 80.

Try using

http://localhot/path/to/weather.php

answered Nov 24, 2017 at 11:42

Keyur Shah

5367 silver badges20 bronze badges

Collectives™ on Stack Overflow

Make request to php endpoint in angular4

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related