Не могу загрузить или обновить маршруты с динамическими идентификаторами - PullRequest
Новая
       16

Не могу загрузить или обновить маршруты с динамическими идентификаторами

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

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

Я реализовал маршрут динамического сопоставления, следуя официальной документации VUE.Я настроил мой vue-router на работу в режиме истории и, когда я использую сервер Express / Node.js, я добавил промежуточное программное обеспечение connect-history-api-fallback на свой сервер.Это работает, когда я щелкаю по ссылке маршрутизатора, но когда я загружаю URL-адрес или обновляю страницу, вместо загружаемой страницы (http://localhost:8080/admincourse для этого примера), я получаю следующие сообщения об ошибках в консоли:

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())

Спасибо за помощь

...