Question

我的动态匹配路线无法加载或刷新。我知道这个问题已经解决了很多次，但仍然找不到解决的办法。

我已经按照官方vue文档实施了动态匹配路线。我已经将vue-router配置为处于“历史记录”模式，并且当我使用Express / Node.js服务器时，我向服务器添加了connect-history-api-fallback中间件。当我单击路由器链接时，它起作用了，但是当我加载URL或刷新页面而不是要加载的页面（此示例为http://localhost:8080/admincourse）时，控制台中出现了以下错误消息：< / p>

Refused to apply style from 'http://localhost:8080/admincourse/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

GET http://localhost:8080/admincourse/main.js net::ERR_ABORTED 404 (Not Found)

这是我的前端路由器文件和我的节点服务器app.js文件：

router.js

import Home from '../components/Home'
import AdminCourse from '../components/AdminCourse.vue'
import NotFound from '../components/404.vue'
import AdminMedias from '../components/AdminMedias.vue'

Vue.use(Router)

let router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/home',
      name: 'home',
      component: Home
    },
    {
      path: '/admincourse/:level',
      component: AdminCourse,
      meta: {
        requiresAuth: true,
        requiresAdminAuth: true
      }
    },
    {
      path: '/adminmedias',
      name: 'adminmedias',
      component: AdminMedias,
      meta: {
        requiresAuth: true,
        requiresAdminAuth: true
      }
    },
    {
      path: '*',
      component: NotFound
    }
  ]
})

app.js

const express = require('express')
const bodyParser = require('body-parser')
const cors = require('cors')
const morgan = require('morgan')
require('./../db/mongoose')
var history = require('connect-history-api-fallback')

var app = express()

app.use(history())
app.use(morgan('combined'))
app.use(bodyParser.json())
app.use(cors())

感谢您的帮助

无法加载或刷新具有动态ID的路由

0 个答案: