vue+webapi+axios

一直在学习vue，东一下，西一下的。感觉只是学了一大堆，但是都不会用。知识呢在项目中学的最快，所以这周一就想了一个练手项目，由于练得主要是技术，就找了一个业务逻辑相对熟悉的OA。功能也很简单，只有两大块：用户管理、日志管理。

第一步：设计数据库，数据库用的是Oracle，原来很少用这个，新公司要用这个，那就用呗。创建数据库、创建用户、分配权限、创建表。

第二步：搭建后台框架：后台使用的是webapi<c#>，写实体类、oracle帮助类、以及数据库操作类，然后再写控制类。

第三步：搭建前台框架：前台使用的是Vue全家桶<本人是后端，项目上要用vue，所以要学>，路由，模板、axios。

设计数据库的时候，基本没什么问题，写后台代码也没什么问题，问题在前端以及前后端数据交互的时候出现了，

前端在用axios连接后端时，报错，说是存在跨域问题。问题主要是两个方面：

                前端问题：用的是axios，所以应该检查是否配置了axios.defaults.withCredentials=true，如果配置了，改为false

               后端问题：后端要引入cors，并在WebApiConfig上进行配置，最简单的配置是config.EnableCors(new EnableCorsAttribute("*","*","*"))。网上有好多相关的资料，可以查看一下。

vue的路由问题：我想要的是左侧是菜单，点击左侧菜单，右侧内容根据改变。我看了好多资料都没有明白是怎么回事。后来明白了。因为要左侧固定，右侧可以变，那么肯定是有一个页面既有左侧菜单，也有右侧router-view，做左侧菜单涉及到的路由全都是这个页面的子路由。

贴代码：

                                （图一）

上图中的leftNav就是左侧菜单，下面的router-view就是右侧要显示内容的地方。

上图中的Index就是图一中的vue页面，下面三个链接，是左侧菜单中跳转的链接。

话说前端需要学的东西好多啊，js，jquery，css现在都是scss了,es6，webpack，node等等等等。