Question

我正在使用Vue创建页面。

这是我的路线文件：

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Login from '@/components/Login'
import Test from "../components/Test";

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/login',
      name: 'Login',
      component: Login
    }
  ]
})

共有两个页面：HelloWorld和Login。

在使用“历史记录”模式之前，浏览器可以使用http://localhost:8080/#/＆http://localhost:8080/#/login浏览两个页面。

但是使用后，

...
export default new Router({
  mode: 'history',
  routes: [
  ...

在HelloWorld上浏览http://localhost:8080/页面可以正常工作，但是在Login上浏览http://localhost:8080/login页面时则会显示此错误：

Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.

Thu Aug 15 19:10:47 CST 2019
There was an unexpected error (type=Not Found, status=404).
No message available

对此有何建议？

Answer 1

是的，服务器配置不适用于您的设置。当您转到HelloWorld并使用链接进行导航时，不是吗？无论路径如何，都需要重新配置路由器以始终为您的文件服务。

在此处了解有关此主题的更多信息：https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

Vue在历史记录模式下无法获取页面

1 个答案: