Как правильно настроить Vue Router для использования Cordova и Web без хэштега (режим истории)? - PullRequest
0 голосов
/ 23 апреля 2019

Моя проблема с маршрутизатором Vue - хэш из режима хеширования.Я знаю, почему это так, но это можно сделать в режиме истории.Обычно.

Для Cordova вам нужен рабочий режим хеширования.Для удобного / красивого URL вам нужен режим истории.Это может быть достигнуто с помощью следующего режима:



    export default new Router({
        mode: process.env.CORDOVA_PLATFORM ? 'hash' : 'history',
        routes: [...],
    });

Если я просто использую хэш в качестве режима, то веб-сайт и приложение Cordova (я использую Cordova для приложения Android) работают отлично, за исключениемужасный URL.Если я вхожу в историю в режиме, то я получаю «нормальный» URL.Теперь приложение Cordova больше не работает (для этого проверка платформы в режиме).

При включенном режиме истории, сначала все выглядит хорошо.Но на каждом маршруте с параметрами некоторые изображения не видны.Если я проверю код в Chrome Dev Tools и нажму на изображение там, то изображение откроется в новой вкладке.
См. Изображения:
1. изображение рабочего заголовка без маршрута в URL
2. рабочий заголовок изображения с маршрутом в URL 3. не работает изображение заголовка с параметрами в URL

Ошибка существует на каждой странице с параметрами в маршруте.

Еще меньше японять следующее поведение.Если я сейчас перезагружаю неисправную страницу, она полностью пуста, и консоль разработчика Chrome говорит:


    app.js:1 Uncaught SyntaxError: Unexpected token <

Я могу это исправить, добавив: </p> <pre><code><!DOCTYPE html> <html lang="en"> <head> <base href="/"> </head> <body> ... </body> </html>

Но когда я добавляю базу в свой "public / index.html", приложение Cordova перестает работать.

Независимо от того, как я это делаю, я уже несколько дней гуглюсейчас и просто не могу дальше.Я просто хочу, чтобы мое приложение Cordova работало, и я хочу URL без раздражающего хэша.Ближе всего я подхожу ко всему с хеш-режимом, потому что здесь все работает как надо, кроме хеша в URL ...

Я совсем новичок в теме, если вам нужно больше информации, просто спросите .... Я абсолютно не знаю, что делать.

...