Vue-Router 总是重定向到 /#/

Question

我正在尝试将 vue-cli 与 webpack 模板集成到现有的后端自制框架中。网络服务器是 apache

我希望 vue-js 应用程序在 url example.com/vue 时加载和挂载。

当我转到这个 URL 时，我可以看到基本示例 vue-component 但是一秒钟后我被重定向到 example.com/#/

你知道如何解决这个问题吗？问题出在哪里？

Router.js

import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'

Vue.use(Router)

export default new Router({
  mode : 'history',
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    }
  ]
})

Main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

Answer 1

我必须在 router.js 文件中将我的路径定义为以下 path: '/vue'。如果 vue-router 找不到路由，它将重定向到 index.php

Vue-Router 总是重定向到 /#/

Vue-Router redirect always to /#/

vue-router

vuejs2

Router.js

Main.js