vue.js - 使用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>

解决方案

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

这篇关于vue.js - 使用vue-router会在地址栏自动添加/#/号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！