Получение сервера стоит денег. Github позаботился о вас. Теперь вы можете разместить статическую страницу на Github без оплаты, хорошо?
Давайте начнем.
1. Создайте новый репозиторий на Github.
2. Создайте новый файл с именем vue.config.js в каталоге вашего проекта. Этот файл содержит конфигурацию URL-адреса для вашего приложения. Подробнее об этом можно прочитать здесь. Добавьте в файл следующий код
module.exports = { publicPath: process.env.NODE_ENV === ‘production’ ? ‘/repo-name/’ : ‘/’ }
Это означает, что когда ваш проект находится в стадии производства, он должен сделать этот путь точкой входа в ваш проект.
3. Запустите следующий код в командной строке в корне папки проекта.
npm run build
и подождите, пока он закончится
Это означает, что будет создана папка dist, содержащая некоторые файлы, например build.js
Убедитесь, что вы связали ваш dist / build.js с файлом index.html, если этого не сделаете:
<script src=”dist/build.js”></script>
4. Затем отправьте свой код в репозиторий с помощью cli или ручной загрузки и фиксации.
5. После этого убедитесь, что весь ваш код успешно загружен. Мы переходим к созданию страницы Github, перейдя на вкладку настроек в нашем репо.
Прокрутите вниз до раздела со страницей Github в качестве заголовка.
Щелкните источник и выберите основную ветку. Когда вы закончите, ваша страница должна быть настроена как страница github. Вы должны найти URL-адрес под страницей github
Мы сделали!
Спасибо за чтение, надеюсь, вы найдете это полезным.