我想顯示一個帶有h1文本的簡單主頁，但它不起作用。我配置了路由并將其添加到main.js. 當我瀏覽到localhost:8080什么都沒有顯示時。我看不出它不起作用的原因。主文件import Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = falsenew Vue({ el: '#app', router, components: { App }, template: '<App/>'})應用程序<template> <div> <router-view/> </div></template><script>export default { name: 'App'}</script>主頁.vue<template> <div> <h1>Home</h1> </div></template><script> export default { name: 'home' }</script>/路由器/index.jsimport Vue from 'vue'import Router from 'vue-router'import Home from '@/components/Home'Vue.use(Router)export default new Router({ mode: 'history', routes: [ { path: '/', name: 'Home', component: Home } ]})索引.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" href="<%= BASE_URL %>favicon.ico"> <title>client</title> </head> <body> <noscript> <strong>We're sorry but client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <div id="app"></div> <!-- built files will be auto injected --> </body></html>
VueJS不使用“/”路線打開主頁
九州編程
2021-09-04 17:53:50
