MVC表单提交需要带有％20而不是'+'的查询字符串

Question

I have a search input type in my form. When the form is submitted, the page reloads with query params with +

So if I search for abc def the query param becomes ?q=abc+def the url becomes https://localhost:44300/Search?q=abc+def

Now this is sent to the webapi as an api call. so then on server side I am replacing the + with space then performing the search on the controller. Now when I search for abc def+efg it becomes abc+def%2Bdef

request.Query = request.Query.Replace('+', ' ');
request.Query = HttpUtility.UrlDecode(request.Query);

So on server side I am first replacing the param's + s with a space character then decoding it and finally I get abc def+efg on the controller which is what I was looking for.

All this could be avoided if on the form submission the url was encoded. so if from beginning the query param was ?q=abc%20def%2Befg I would just need to decode it.

How to do that?

Edit

The page renders first, then a vue component gets the query parameter, and makes a call to api controller with axios. /api/search

const searchQuery = this.$router.getQueryParam('q');

this.queryParams.query = searchQuery ? searchQuery : null;

return axios.get(`/api/search`, {
  params: queryParams,
});

Answer 1

If you were submitting a form , the urleconding would be automatically applied. Since you are getting and sending the search query without form submission, just apply a javascript function to encode that fetched value:

this.queryParams.query = searchQuery ? encodeURI(searchQuery): null;

Answer 2

You can do like this.

Uri.EscapeUriString(request.Query)