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等等等等。
以上是 vue+webapi+axios 的全部内容， 来源链接： utcz.com/z/378079.html
