Javascript 在Vuejs中编码Url时出现问题

我正在使用axios包对url进行编码并发出get请求。url的一些参数之间有空格，然后我使用encodeURI函数在发送请求之前对url进行编码，但请求仍然没有正确发送

这是我在Vuejs中的组件代码

<template>
</template>

<script>

import axios from 'axios'
name:  'GetCategoryItemsAndDisplayOne',
data(){
    return {
        catalogselected : "macy's",
        data_to_show_on_mainpage : [],
        categoriesfordisplay :{men_for_display:[],women_for_display:
        []}

    }
},
methods:{
  CatlogService(catlog_name,category,gender,mainpage){


        let url = "http://localhost:5000/xyz/" + (this.catalogselected) +"/api/"+ (gender) + "/catalogvis/" + (category) +"/items"


        axios.get(encodeURI(url)).then((resp)=>{

            try{
                this.data_to_show_on_mainpage.push(resp.data.response.Results.results[0])
                console.log(this.data_to_show_on_mainpage)
            }
            catch(e){
                console.log("we got an error the url is " + url)

            }


        })
    },
  GetItemsToShowonMainPage(){
       this.categoriesfordisplay.men_for_display = ["cat and dog", "coats and jackets", "good and bad","bad day"]

       this.categoriesfordisplay.women_for_display = ["slow poke", "coats and jackets", "good","mad world","bathroom wear"]

        if(this.categoriesfordisplay.men_for_display.length>0){
            var i=0;
            for(i =0;i<this.categoriesfordisplay.men_for_display.length;i++){
                let category = this.categoriesfordisplay.men_for_display[i].replace(/"/g,""); 

                this.CatlogService(this.catalogselected,category,'men',this.ismainpage)

            }

        }
        if(this.categoriesfordisplay.women_for_display.length>0){
            var i=0;
            for(i =0;i<this.categoriesfordisplay.women_for_display.length;i++){
                let category = this.categoriesfordisplay.women_for_display[i].replace(/"/g,"");

                this.CatlogService(this.catalogselected,category,'women',this.ismainpage)

            }

        }




    },
  created(){
  this.GetItemsToShowonMainPage()
 }
</script>
<style></style>

从“axios”导入axios
名称：“GetCategoryItemsAndDisplayOne”，
数据（）{
返回{
目录选择：“梅西百货”，
在主页上显示数据[]，
显示类别：{男性显示：[]，女性显示：
[]}
}
},
方法：{
CatlogService（catlog_名称、类别、性别、主页）{
让url=”http://localhost:5000/xyz/“+（this.catalogselected）+”/api/“+（性别）+“/catalogvis/”+（类别）+“/items”
get（encodeURI（url））。然后（（resp）=>{
试一试{
this.data\u to\u在\u主页面上显示\u.push（resp.data.response.Results.Results[0]）
console.log（此.data\u到\u在\u主页上显示\u）
}
捕获（e）{
log（“我们得到一个错误，url是”+url）
}
})
},
GetItemsToShowonMainPage（）{
this.categoriesfordisplay.men_for_display=[“猫和狗”、“外套和夹克”、“好的和坏的”、“坏的一天”]
this.categoriesfordisplay.women_for_display=[“慢戳”、“外套和夹克”、“好”、“疯狂世界”、“浴室装”]
如果（此.categoriesfordisplay.men\u用于显示。长度>0）{
var i=0；
对于（i=0；i），请参见以下内容：