Как настроить проксирования Vue cli DevServer разных url на один api server

Приложение на vue cli ходит на api server. Вот настройки vue.config.js

module.exports = {
    devServer: {
      // Бэкенд сервер 
      proxy: { 
        "^/api/*": {
          target: 'https://api.myserver.pro/',
          ws: true,
          changeOrigin: false
        }
      },
      
    },
  };

Есть несколько рутов

{ path: '/orders', name: 'orders', component: () => import('../views/orders.vue'), meta: { layout: 'MainLayout' } },
{ path: '/order/:id', name: 'order', component: () => import('../views/order.vue'), meta: { layout: 'MainLayout' } },

если отправляю axios запрос с страницы orders то все нормально работает

await axios.get('api/orders/') 
      .then(response => {  
          ...
      })

запрос с локальной машины http://localhost:8080/orders идет на https://api.myserver.pro/api/orders и все ок

Если же я отправляю axios запрос c страницы order/2

await axios.get('api/order/2') 
          .then(response => {  
              ...
          })

то запрос идет с http://localhost:8080/order/2 на https://api.myserver.pro/order/api/order/1 и блин это не работает !!! Подскажите как направить его на https://api.myserver.pro/api/order/1? Выставлял axios.defaults.baseURL = "https://api.myserver.pro"; не помагает! Не знаю вобщем чо делать)?