Предисловие: о режиме одностраничного принципа хеширования и режиме истории, пожалуйста, проверьте информацию самостоятельно.
-------
По методике официального сайта vue-router
https://router.vuejs.org/zh/guide/essentials/history-mode.html#Пример конфигурации серверной части
После того, как причина проблемы заключается в настройке nginx, найдите ошибку обновления страницы: Uncaught SyntaxError: Unexpected token
Вставьте отверстие здесь:
try_files $uri $uri/ /index.html;
Не добавляйте его в междоменное расположение, это вызовет некоторые проблемы с интерфейсом 405 или без данных, как по причине. . . я не понимаю утка
Ладно, вернемся к путешествию
Согласно первому шагу, после того, как маршрут включен в режиме истории и переупакован, откройте браузер и обнаружите, что знак # в URL-адресе страницы исчез, В это время мы просто вводим подмаршрут, чтобы обновить страницу.
404 появился неожиданно
Очень хорошо, добавьте его в пункт конфигурации nginx согласно документации
try_files $uri $uri/ /index.html;
Затем перезагрузитесь и попробуйте.
Как показано, эммм. . Каждый день я не следую инструкциям, чтобы получить результат, на этот раз страница пуста, а консоль справа сообщает об ошибке неизвестного символа, как в этот раз. Мы должны знать, что это неправильный тип файла, посмотрите на содержимое
Почему это html-файл? Очевидно, что загружается js-файл, поэтому, ознакомившись с некоторой информацией, мы можем сделать такое предположение:
Что-то не так с путем js, тогда try_files
uri/ /index.html; перенаправить путь к index.html, чтобы он стал JS-файлом запроса, который мы видим
Но он возвращает содержимое html. Взгляните на путь запроса сети:
Даже рев, это на самом деле относительный путь. Тогда очевидно: проблема в том, что файл js запрашивается по относительному пути под подмаршрутом, так как путь подмаршрута не существует в физическом пути компьютера, загружается 404, и затем nginx перенаправляет 404 js в индекс и, наконец, просматривает. Когда браузер анализирует файл js, он читает файл html. Итак, предыдущая консольная ошибка Unexpected token
Конечно, это всего лишь предположение, поэтому давайте попробуем решить его прямо сейчас, изменив путь упакованного js на абсолютный путь.
Очень хорошо, страница успешно обновлена и проблема решена