使用vue-router会在地址栏自动添加/#/号

新学习vus.js中.使用vue init webpack-simple aaa创建的工程,启动后浏览器地址正常为http://localhost:8081,在引入vue-router之后,浏览器的地址就会变成http://localhost:8081/#/,不知道是哪里写的有问题?以下是代码:
main.js:

import Vue from 'vue'
import App from './App.vue'

import Router from 'vue-router'

import home from './home.vue'

Vue.use(Router)

const router = new Router({
  routes: [
    {path: '/', component: home}
  ]
})

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

App.vue:

<template>
  <div id="app">
    <h1>Hello App!</h1>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

home.vue:

<template>
  <div>
    This is home page
  </div>
</template>

阅读 21.6k
1 个回答

clipboard.png

加上红框里面那句代码就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题