背景：之前写了一个运维小工具文章地址基于前后端分离的使用标准，前端使用vue,django作为后端处理接口以下是尝试组合的过程：一、vue安装前提：先安装nodejs#安装最新版本的vuenpm install -g @vue/cli#-g是全局安装，并移除安装了 webpack和webpack-clinpm install webpack webpack-cli –g#本地安装（推荐）npm i

背景：在VUE中安装了 npm install node-sass sass-loader --save-dev，然后启动就报错了，看提示是因为依赖的问题查了一下 node-sass sass-loader 是会有冲突的Module build failed: TypeError: this.getOptions is not a functionat Object.loader (D:\test

背景：设置好动态路由后，在页面刷新或者加载会出现定位到404问题问题原因：权限控制的路由模块是动态添加进去的，404监听路由是在默认路由里面的，优先级比动态路由要高，所以刷新后默认先被404接管了，把404监听路由也放到动态路由的末尾就可以了解决办法：我把我constantRoutes 里面的404注释掉了，然后asyncRoutes里面加一个就好了...

背景：前面提到测试工具箱整合页面集成后台，使用了vue作为前端，python的django作为后端，vue前端框架选择了 vue-admin-template(这是一个基础版本) 基础版本既然是后台就会涉及到权限控制，基础版本的vue-admin-template 是没有路由权限控制的，最后是看 vue-element-admin 的 手摸手，带你用vue撸后台 系列二(登录权限篇) 对照的改的v

背景：vue使用Network进行登录的时候 报错 403，但是在localhost的时候就没问题，进行了一下对比，network header中多了一个cookie,local中就没有，再结合django默认有csrf跨站点请求伪造,翻了翻文档，得知需要在header中添加X-CSRFToken，解决办法如下：解决办法：在vue-admin-template utils/request.js中加

并且执行 login 方法， 把返回的token , 保存到 vuex、cookie 中（在路由守卫中 / login 是白名单会直接放行、axios 的请求拦截中 添加的是一个空值)style=>页面的css样式。配合路由使用的， 对于vue router 而言它还附带了一些其他的信息， 比如路由守卫， 在路由守卫中我们可以在路由跳转之前来做一些事情的。它只会包装Store中保存的数据，并不会修