正常情况下使用脚手架跑完之后,然后修改源项目,首先在main.js入口里把该import进去的App,vue-router等等都启动好了,接着就是在对应的文件夹和文件里面堆代码了。
import Vue from 'vue'//Vue核心库
import ElementUI from 'element-ui' //新添加1
import 'element-ui/lib/theme-chalk/index.css'//引入样式
import App from './App'//App.vue组件
import Router from './router'//路由器
import axios from '@/api/http'//Vue项目对axios的全局配置
import VueAxios from 'vue-axios'
路由配置都没什么问题:
import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/views/Login.vue'
import Regist from '@/components/views/Regist.vue'
Vue.use(Router);
export default new Router({
routes: [
{
path: '/',
name: 'Login',
component: Login
},
{
path: '/Regist',
name: 'Regist',
component: Regist
}
]
})
但是启动后台报了一个错:
有用的只有一句:
TypeError: Cannot read property 'matched' of undefined
本次解决方式
这个属性,我其实也没见过,但是页面出不来,node也没有报错,就只有浏览器控制台报错的话,一般问题都出在“路由”的上面。
原来是我的路由定义出了问题。
我将此处的Router改为router:Router,
便正常运行了,所以记录以下。
如果出现此类问题,大多数就是路由相关了,排查路由就好了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。