当我使用dev进行构建时，我的Vue项目可以正常工作。但是，一旦我运行Drawing RevNum
ch GX-77568 A.
BW-8452-355 D
并将文件dist中的文件移动到我的Web服务器，Vue Router似乎就无法工作了。
我尝试删除历史记录模式，但这没用。
Vue路由器
npm run build import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import axios from 'axios'
Vue.use(Router)
const router = new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/donate',
name: 'donate',
component: () => import('./views/Donate.vue')
},
{
path: '/guildselector',
name: 'guildselector',
meta: {
requiresAuth: true
},
component: () => import('./views/Guildselector.vue')
},
{
path: '/guild/:id',
name: 'guild',
meta: {
requiresAuth: true,
requiresAdmin: true
},
component: () => import('./views/Guildpanel.vue')
}
]
})
export default router
r应该显示MyWebsite.com/guildselecto组件，但是我得到了
Guildselector仅捐赠页面和登录页面有效。
答案 0 :(得分：1)
这是一个非常普遍的问题；请详细阅读HTML5 History Mode，了解如何配置网络服务器以正确托管文件。
这是一个问题：由于我们的应用是单页客户端应用，没有正确的服务器配置，如果用户直接在浏览器中访问
http://oursite.com/user/id，则会收到404错误。