Мы попробовали метод get и post, теперь давайте вернемся к файлу конфигурации Webpack и посмотрим, что pathRewrite может сделать для нас.
Первое, что вам нужно знать о pathRewrite, это то, что его значение является объектом.
В ваших реальных проектах нужный вам серверный файл может быть скрыт на многих уровнях каталогов. В результате URL этого файла может быть очень длинным. В этом случае использование короткого псевдонима для представления длинного URL-адреса может значительно облегчить вашу жизнь.
Перейдем к конфигурационному файлу Webpack и установим псевдоним для php-файла точки интерфейса.
Во-первых, мы меняем slash api slash asterisk на slash backend.
Slash backend — это псевдоним для php-файла точки интерфейса.
Затем нам нужно установить pathRewrite. Он сообщает серверу разработки webpack, что означает /backend.
Имя свойства — это псевдоним, который мы только что установили: /backend.
Свойство — это регулярное выражение, которое мы используем для сопоставления URL-адреса внутреннего файла.
Здесь мы хотим конкретно сопоставить файл interface.php. Мы устанавливаем значение свойства в /api/interface.php.
Теперь, когда сервер разработки Webpack увидит /backend, он автоматически узнает, что /backend означает /api/interface.php.
Далее переходим к файлу app.vue.
Мы переключаем исходный URL-адрес на псевдоним, который мы только что установили.
Методы get и post теперь выглядят намного аккуратнее.
Таким образом, используя pathRewrite, мы можем установить псевдоним для фактического URL-адреса внутреннего файла. Всякий раз, когда сервер разработки Webpack видит этот псевдоним, он заменяет его фактическим URL-адресом и IP-адресом, который мы назначаем целевому свойству.
На следующем уроке мы узнаем, как обрабатывать параллелизм. Быть в курсе!
Посмотрите наш ПОЛНЫЙ курс VueJS на Udemy:
https://www.udemy.com/vuejs-for-students-with-zero-es6-foundation/?couponCode=MEDIUM_PROMO_1
