fix: support uri/host/remote_addr

[Baoyuantop]

Please answer these questions before submitting a pull request, or your PR will get closed.

Why submit this pull request?

• Bugfix
• New feature provided
• Improve performance
• Backport patches

What changes will this PR take into?

When creating a route, if Host, Path, and Remote Addrs have a single value, send uri/host/remote_addr to the API, and send uris/hosts/remote_addrs if there are multiple values.

Related issues

resolve #2013

Checklist:

• Did you explain what problem does this PR solve? Or what new features have been added?
• Have you added corresponding test cases?
• Have you modified the corresponding document?
• Is this PR backward compatible? If it is not backward compatible, please discuss on the mailing list first

[netlify]

✔️ Deploy Preview for apisix-dashboard ready!

🔨 Explore the source changes: 1815a17

🔍 Inspect the deploy log: https://app.netlify.com/sites/apisix-dashboard/deploys/61121dd48250b6000737ddbf

😎 Browse the preview: https://deploy-preview-2046--apisix-dashboard.netlify.app

[liuxiran]

Hi @Baoyuantop please fix ci problem when you have time, thanks

[codecov-commenter]

Codecov Report

Merging #2046 (1815a17) into master (930e47a) will increase coverage by 0.24%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##           master    #2046      +/-   ##
==========================================
+ Coverage   65.94%   66.18%   +0.24%     
==========================================
  Files         121      121              
  Lines        3212     3226      +14     
  Branches      779      787       +8     
==========================================
+ Hits         2118     2135      +17     
+ Misses       1094     1091       -3     

Flag	Coverage Δ
frontend-e2e-test	66.18% <100.00%> (+0.24%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
web/src/components/Plugin/UI/limit-conn.tsx	100.00% <100.00%> (ø)
web/src/components/Plugin/UI/plugin.tsx	83.33% <100.00%> (ø)
web/src/pages/Route/components/Step1/MetaView.tsx	100.00% <100.00%> (ø)
web/src/pages/Route/transform.ts	74.46% <100.00%> (+1.74%)	⬆️
...pages/Route/components/Step1/RequestConfigView.tsx	86.79% <0.00%> (+5.66%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b0dfcb4...1815a17. Read the comment docs.

[juzhiyuan]

@liuxiran Could you please give some test cases so we could test them in this PR?

[liuxiran]

test cases should cover @Baoyuantop

1. create a route in UI with uri remote_addr host, Intercept response body to see if they are as expected
2. create a route in UI with uris remote_addrs hosts, Intercept response body to see if they are as expected
3. both of them need to test the configure UI are as expected

cc @juzhiyuan

[juzhiyuan]

And if the origin uri is test.com, then you change it to test.com, test1.com, then it should pass uris.

[Baoyuantop]

test cases should cover @Baoyuantop

1. create a route in UI with uri remote_addr host, Intercept response body to see if they are as expected
2. create a route in UI with uris remote_addrs hosts, Intercept response body to see if they are as expected
3. both of them need to test the configure UI are as expected

cc @juzhiyuan

Can Intercept response body be replaced by Intercept Raw Data when created? @liuxiran

[juzhiyuan]

I think it's ok :)

[juzhiyuan]

cc @iamayushdas @guoqqqi to have a review when you have time

[liuxiran]

@Baoyuantop please fix the conflict files first