показать пользовательскую страницу в процессе сборки в vue js

Question

Я хочу показать пользовательскую страницу html при сборке моего vue js проекта (npm run build), как вы знаете, при создании процесса dist папка не существует, а после процесса сборки у нас есть папка dist. как я могу показать пользовательскую страницу, пока build не будет полностью завершен? я нашел этот ответ на форуме, но как я могу это использовать? я не думаю, что это правильный путь!

axios.interceptors.response.use(function (response) {
    if ( response.status === 503 ) {
        return to maintenance page
    }
    return response;
});

Answer 1

Привет, вы можете объяснить, чего вы хотите достичь. Кажется, вы используете VUE версию, которая ниже VUE CLI 3. Если вам нужна пользовательская страница (страница ошибок, страница stati c, страница 404, страница перенаправления и т. Д. c.), Вы все еще можете используйте vue роутер. Добавление страницы после сборки не является хорошей идеей, поскольку для этого нет пути, когда вы уже строите свой проект. Установите роутер vue, создайте файл роутера или, если у вас уже есть роутер, добавьте его.

import Vue from 'vue'
import Router from 'vue-router'


Vue.use(Router)

import PageNotFound from '@/views/pages/NotFoundPage'
import 404Page from '@/views/pages/404Page.vue'
import StaticPage from '@/views/pages/StaticPage'

const router = new Router({
  routes: [
        {
      path: '/static',
      name: 'Static Page',
      component: StaticPage
    },
    {
      path: '/404',
      name: '404 Page',
      component: 404Page
    },
    {
      path: '*',
      name: 'PageNotFound',
      component: PageNotFound
    }
  ]
})

export default router

Вам просто нужно перенаправить пользователя с помощью этих файлов из ваших файлов просмотра

this.$router.push('/static')
this.$router.push('/404')

если нет подходящего маршрута, пользователь будет автоматически перенаправлен на страница не найдена страница