1. Независимый сайт с основным доменным именем или субдоменом.

1. Сначала нажмите [manifest.json] в HbuilderX, затем выберите [конфигурация h5], затем выберите режим истории в [Режим маршрутизации] (поскольку такие сценарии, как оплата WeChat, не поддерживают режим хеширования)

2. Откройте меню [Выпуск] HbuilderX и выберите [Веб-сайт-h5-Мобильная версия (применимо только к uni-app)] в раскрывающемся списке. Появится консольная вкладка. Ожидание завершения упаковки. приглашение, похожее на [Проект 'xxx 'Успешно экспортируйте h5, путь: /Users/jry/Documents/www/xxx/unpackage/dist/build/h5]

3. Перенесите весь каталог h5 из предыдущего шага на сервер Linux, например /home/ly/www/.

4. Создайте новый файл конфигурации ngxin с именем [h5.conf]. Содержимое файла конфигурации следующее:

server {
        listen       80;#Порт по умолчанию — 80. Если порт не занят, нет необходимости его изменять.
        server_name  xxx.com  m.xxx.com;

        #access_log  logs/host.access.log  main;
        root        /home/ly/www/xxx/h5;  Упакованный дистрибутив проекта #vue

        location / {
            try_files $uri $uri/ @router;#Вам нужно указать @router ниже, иначе при обновлении nginx появится маршрутизация vue и появится ошибка 404.
            index  index.html index.htm;
        }
        #В соответствии с @router выше, основная причина заключается в том, что ресурс пути маршрутизации не является реальным путем, поэтому конкретный файл не может быть найден.
        #Так что его нужно переписать в index.html, а потом передать маршрутизации для обработки запрошенных ресурсов.
        location @router {
            rewrite ^.*$ /index.html last;
        }
  }

5. Разрешите имя домена IP-адресу сервера, перезагрузите службу nginx и перезапустите ngxin для доступа к нему.