1. 准备工作
前面文章已经介绍到怎样在win10下安装部署vuejs的webpack脚手架工具,关于怎样使用vuejs的webpack工具写项目不是本文的重点,现在默认我们已经写好了我们的网站
- 我的用于学习测试的工程目录:
- 修改
src/router/index.js
这个文件中的路由配置:使用history
模式和路由基目录base
的设置(更多资料可查阅官方文档)
/**** src/router/index.js ****/
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import ItemPage from '@/components/ItemPage'
import NotFoundComponent from '@/components/NotFoundComponent'
Vue.use(Router)
export default new Router({
mode: 'hi