关于Vue+Flask的跨域问题，为什么后端设置了跨域却仍然报错的一种情况

采用axios进行的前后端交互。

这是封装好的axios

import axios from "../utils/request.js" //引入封装好的axios
import base from "./base.js" //引入接口域名列表

const api={
    login(params){
       return axios.post(base.baseUrl+base.login,params)
        },
    logout(){
        return axios.get(base.baseUrl+base.logout,params)
    },
    test(params){
        return axios.get(base.baseUrl+base.test,params)
    },
    get_menus(params){
        return axios.get(base.baseUrl+base.get_menu,params)
    }
}
export default api

相关路由也进行了封装

//存放所有的api接口地址


const base={
    baseUrl:"http://localhost:5000",     // 公共地址
    login:"/user/login/",           // 登录地址 
    logout:"/user/logout",
    test:"/test/tests/",              //测试response的拦截器是否可用
    get_menu:'/menu/menus/'
}
export default base

在我通过vue写好的前端页面 通过onMounted()调用函数 去访问localhost:5000/menu/menus时出现跨域问题。

而当我去检查后端时，该有的配置也配置上了

from flask_cors import CORS

app= create_app('develop')
CORS(app,origins='*',supports_credentials=True) # 解决跨域问题

​

最后出现在base.js中的路由上

我通过base.get_menu的路由去访问，实际上并没有再后面加上‘/’ 当我加上后就能解决问题了.

 get_menu:'/menu/menus'