[this paper reference address to work to Jason_hu log 2015/04/15 and my.oschina.net/jdragon/blo…).
The proxy parameter of HTTP-Server component in NodeJS is used to simulate the proxy proxy of front-end and back-end
- For example: we front-end request API, can not write dead URL:
"http://10.10.10.10:7000"
, because the IP may change at any time, or the corresponding server may be different in different test environments (SIT,UAT,PRO). - We need to go through
nginx
To proxy requests/apis… …
$.ajax({url: "/ API /draw/m", content: "application/json"}) location /api { proxy_pass http://TEST01:7000/api; ... ... ... /etc file, cat it and add the mapping 10.10.10.10 TEST01 to itCopy the code
- The directory structure for our local project is as follows: the main content is in the SRC directory
./src
./css
./js
index.html
demo.html
package.json
Copy the code
Http-server is a tool in the NodeJS framework, itself written in javascript. Install NPM install http-server-g
- At first I thought I would open the project with vscode, straight away
npx http-server
You can run. You shouldcd src
再npx http-server
To run (my local SRC directory structure. Index and so on under SRC) - When I’m done with that,
/api/draw/m
Will be submitted to the404
The path is wrong, of course, because we have not configured the URI of the request locally to forward it to another Web server for processing to achieve the purpose of proxy proxy npx http-server
This is suitable for no proxy
Http-server -p starts with -p and you can use http://127.0.0.1:8080 to access your page
- First, the server test environment is already deployed on a test server.
http://testserver/api
Or you know the exact IP addresshttp://10.10.10.10:7000
- When the HTTP-server detects that the requested address does not exist locally, it forwards the REQUEST URI to another Web server for processing. After receiving the result, the local server responds to the requester to achieve the purpose of proxy proxy
CD SRC Run the http-server-p "http://testserver" or http-server-p "http://10.10.10.10:7000" command.Copy the code
http-server -P
After that, whenever you perform the current page call to the API, you’ll see the vscode console pop up with some columns of logs under the tool
[Sat Nov 28 2020 21:27:56 GMT+0800 (GMT+08:00)] "GET/API /draw/m" Win64; X64) AppleWebKit / 537.36 (KHTML, Like Gecko) Chrome/87.0.4280.66 Safari/537.36" [Sat Nov 28 2020 21:28:12 GMT+0800 (GMT+08:00)]" "Mozilla / 5.0 (Windows NT 10.0; Win64; X64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.66 Safari/537.36"Copy the code
conclusion
React QQ group:
788023830
—-React/Redux - Old underground hero
Front-end COMMUNICATION QQ group:
249620372
—-FRONT - END - JS FRONT END
(Our mission is, for overtime, for baldness… , look up to the big guy), I hope friends to study together