Интеграция PHP и Vue

Недавно я участвовал в проекте, панели PHP. Он использует чистый PHP, и они дали мне разрешение на доступ к папке, чтобы добавить мои функции в качестве надстройки к существующей панели.

Файловая структура выглядит так:

/
├── assets/                      
│   └── ...
├── config/
│   └── ...
├── test/
│   └── ...
.
.
.
├── MYAPP/
│   └── api/  
│   │   ├── foo/  
│   ├── index.html 
│   └── ...
.
.
.
├── myApp.php
├── ...

Файл myApp.php требует от файлов PHP загрузки темы и некоторых скриптов вверху и внизу. Я могу потребовать index.html из папки MYAPP для загрузки главной страницы самого приложения со всеми скриптами и таблицами стилей, работающими правильно, поскольку он находится в корне.

Теперь URL-адрес - «webpage.com/myApp.php».

Можно ли создать SPA, используя текущий файл myApp.php с Vue и Vue-router, например?

  • «Webpage.com/myApp.php/#/addCategory»
  • «Webpage.com/myApp.php/#/editCategory»

Или мне следует делать URL-вызовы, подобные этому, и загружать контент по старинке?

  • «Webpage.com/myApp.php? page = addCategory »
  • «Webpage.com/myApp.php? page = editCategory » -...

Я попробовал шаблон vue spa, изменив базовую опцию с помощью vue-router, но это не сработало. Какие у меня могут быть варианты? Любые идеи?

Да, это должно быть возможно.

Hackerman 04.06.2018 22:22

Да, это возможно. Просто установите и правильно импортируйте vue-router в свой проект. Вот документация по Vue и Vue Router: router.vuejs.org/guide/#html

Sarah Dominguez Perea 02.04.2019 07:26

спасибо, все сработало нормально

xtyp 21.01.2021 20:17
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
242
0

Другие вопросы по теме