新建src/api/axios.js:创建axios实例,使用拦截器 importaxiosfrom'axios'importconfigfrom'./config'// 判断当前的运行环境, 如果是开发,则取开发地址 否则 取生产地址constbaseUrl = process.env.NODE_ENV=='development'? config.baseUrl.dev: confi
main.js中设置了如下: import axios from 'axios'Vue.prototype.$axios=axios//配置请求的跟路径axios.defaults.baseURL='/api' 接下来就是vue组件中,编辑点击提交按钮axios: methods: { onSubmit() { let formData=newFormData();for(varkeyinthis.form){ formData.append(key,this.form[key]); } axios({ ...
新建src/config/index.js export default { baseUrl: { dev: '/api/', pro: '' } } 1. 2. 3. 4. 5. 6. 新建src/api/axios.js:创建axios实例,使用拦截器 import axios from 'axios' import config from './config' // 判断当前的运行环境, 如果是开发,则取开发...
1、必会一:vue-clivue-admin-template的使用建立在vue-cli(脚手架)基础上。官网 2、必会二:vue-router 路由是个很重要的角色,可以管控权限,负责...vuex ,状态管理器 官网 6、后台模板下载与安装 实践出真知,把项目运行起来,看看代码吧 下载:vue-admin-template代码模板 地址 安装:教程 7、最基础的vuejs 官...
request 库使用了 axios 的手动实例化方法 create 来封装请求,要理解其中的用法,我们需要首先学习 axios 库的用法 1.axios 基本案例 普通的 axios 示例 import axios from 'axios'const url= 'https://test.youbaobao.xyz:18081/book/home/v2?openId=1234'axios.get(url).then(response=>{ ...
记一次使用 vue-admin-template 的优化历程 前言 公司有好几个项目都有后台管理系统,为了方便开发,所以选择了 vue 中比较火的 后台模板 作为基础模板进行开发。但是,开始用的时候,作者并没有对此进行优化,到项目上线的时候,才发现,打包出来的文件都十分之大,就一个 vendor 就...
记一次使用 vue-admin-template 的优化历程 本文原文 前言 公司有好几个项目都有后台管理系统,为了方便开发,所以选择了 vue 中比较火的后台模板作为基础模板进行开发。但是,开始用的时候,作者并没有对此进行优化,到项目上线的时候,才发现,打包出来的文件都十分之大,就一个 vendor 就有 770k 的体积(下图是基础...
你好,最近基于vue-admin-template做了个后台,是前后端分离的,后端用的python。在权限这块儿,遇到个问题,登陆成功后,服务器返回了token给前端,前端将token保存在cookie里,再请求其他接口时,没有把cookie传递给后端。 如图,Author gold-fisher commented Sep 24, 2019 而且withCredentials: true, 已经打开了,vue....
改造登录页，结合 Axios 进行登录请求，并添加错误提示，先在public/data 文件夹下新建个login.json文件，方便校验登录输入信息的校对。[ { "userName": "admin", "userPass": "12345" }, { "userName": "test", "userPass": "123456" }]导入依赖组件（router、axios、element-plus...
点开下面的这个login,可以看到实际上就是去找了api中的那个login,所以我们进入了api\user.js,此时我们再点开这个request,可以发现他实际上就是封装了一个axios请求import request from '@/utils/request' export function login(data) { return request({ url: '/vue-admin-template/user/login', method: 'post...