Проблема развертывания с Vue-cli3 и статическим сайтом - PullRequest
Новая
       30

Проблема развертывания с Vue-cli3 и статическим сайтом

1 голос
/ 25 марта 2019

Впервые на vue, и я использую vue-cli3 для создания простого приложения аутентификации для auth0, auth0-plugin.surge.sh . Мой модуль router.js: 

import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";
import Callback from "./views/Callback.vue";

Vue.use(Router);

const router = new Router({
  mode: "history",
  routes: [
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: "/callback",
      name: "callback",
      component: Callback
    }
  ]
});

// very basic "setup" of a global guard
router.beforeEach((to, from, next) => {
  // check if "to"-route is "callback" and allow access
  if (to.name == "callback") {
    next();
  } else if (router.app.$auth.isAuthenticated()) {
    // if authenticated allow access
    next();
  } else {
    // trigger auth0 login if not been authenticated before.
    // router.app refers to the root Vue instance the router was injected into
    router.app.$auth.login();
  }
});

export default router;

Я ожидаю, что когда auth0 выполнит обратный вызов auth-plugin.surge.sh/callback, я должен быть перенаправлен на компонент обратного вызова через vue-router. Вместо этого я получаю ошибку 404 для страницы / callback. Сервер разработки webpack работает как положено. Та же ошибка возникает при использовании пакета serve npm. Прочитав документацию по развертыванию Vue-cli , очень легко понять, что развертывание в surge.sh не требует каких-либо особых мер. Я гуглил и искал этот сайт, но не нашел ничего, что решило бы мою проблему. Любая помощь высоко ценится.

1 Ответ

0 голосов
/ 28 марта 2019

хорошо, так что получается, что вам нужен файл 200.html, как указано на веб-сайте surge Добавление страницы 200.html для сервера в качестве перехвата всех маршрутов при использовании vue-router. Если у кого-то есть опыт работы с serve npm с использованием опции -s, мне было бы интересно узнать, как это работает. Надеюсь, что это помогает кому-то еще при развертывании SPA. Хорошая запись конфигурации сервера при развертывании SPA, я нашел здесь

...