vue historyモードでページ404をリフレッシュする

vueの項目ではルーティングを美化するためにhistoryモードを選択したが、historyモードを使用するとリフレッシュページが404に表示される.

import Vue from 'vue'
import VueRouter from 'vue-router'
import Nav from '../views/Nav.vue'

Vue.use(VueRouter)

export default new VueRouter({
    mode: 'history'
}）

この原因は,サービス側が解析できないため,サービス側で解析する必要があるからである.NodeJSを例にとると、connect-history-api-fallbackミドルウェアを直接使用して解決します.

var history = require('connect-history-api-fallback');

方式一

var connect = require('connect');

var app = connect()
  .use(history())
  .listen(3000);

方式2

var express = require('express');

var app = express();
app.use(history());