即使定义了 Vue.js 路由也不匹配
我正在尝试创建一个 Vue SPA 应用程序。但是该路由似乎与我在路由器中定义的不匹配。我不明白为什么会这样。据我所知，一切都应该正常工作。我在这里缺少什么？
我的 index.html
<html>
<head>
<title>New Vue.js Project</title>
<script src="assets/js/vue.js"></script>
<script src="assets/js/vue-router.js"></script>
</head>
<body>
<div id="app">
{{ 'Route: ' + JSON.stringify($route) }}
<v-app>
<router-view></router-view>
</v-app>
</div>
<script type="module" src="app.js"></script>
</body>
</html>
我的 app.js
import routes from './routes.js'
new Vue({
el: '#app',
router: routes,
data: {
msg: 'Hello World!',
},
})
我的路线.js
import Index from './views/Index.js'
Vue.use(VueRouter)
export default new VueRouter({
mode: 'history',
routes: [
{
name: 'index',
path: '/',
component: Index,
},
],
})
当我导航到http://localhost/new-vue-project/并打印 {{ $route }} 我得到这个：
{
"name":null,
"path":"/new-vue-project/",
"fullPath":"/new-vue-project/",
"matched": [
]
}
我还尝试向路由器添加基本属性，但得到了相同的结果。
base: 'http://localhost/new-vue-project/',
BIG阳1回答
-
当年话下
relative根据文档，我认为您需要使用没有域名（localhost）的路径，如下所示：base: '/new-vue-project/'还可以在vue.config.js文件中全局配置公共路径：module.exports = { publicPath: process.env.NODE_ENV === 'development' ? '/new-vue-project/' : (process.env.VUE_APP_MY_APP_BASE_PATH || '/')}
随时随地看视频慕课网APP
相关分类
JavaScript