Could you provide an example in typescript?

[jmcginty]

Is this a feature request?

Yes

It would be great to have a simple example in typescript

Thanks !
James

[chimurai]

What kind of example are you looking for?
Just a hello world?

[jmcginty]

Yes, just something simple.
This is what we have in javascript today:

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    proxy('/api', {
      target: process.env.REACT_APP_PROXY,
      changeOrigin: true,
      secure: false
    })
  )
};

The equivalent in typescript would be enough for us.

[chimurai]

Would something like this help?

import * as express from 'express';
import * as proxy from 'http-proxy-middleware';

const app = express();
app.use(proxy({
  target: 'http://jsonplaceholder.typicode.com',
  changeOrigin: true
}))

app.listen(3000);

// http://localhost:3000/users

[jmcginty]

Hi, this doesn't work for me, I am using create-react-app, and it does not use express.

To create a new react app with typescript, do this:

npx create-react-app my-app --typescript

(see) https://facebook.github.io/create-react-app/docs/adding-typescript

So, how would you add the proxy into a hello world app like this?

[chimurai]

I'm not a React user.

If I take your example and make it Typescript it would look like this:

import * as proxy from 'http-proxy-middleware';

export default function(app) {
  app.use(
    proxy('/api', {
      target: process.env.REACT_APP_PROXY,
      changeOrigin: true,
      secure: false
    })
  )
};

Think it would be better to ask this question on their issue tracker.

Maybe this is something they are missing in their documentation...

[Naveenbc]

@jmcginty did you find a way to do it in react typescript?

[chimurai]

setupProxy.ts support belongs in the create-react-app project:

facebook/create-react-app#8273
facebook/create-react-app#6794
facebook/create-react-app#10228