首先我们需要明白,vue-admin的请求地址由两部分组成url = baseURL + requestURL baseURL一般在request.js内定义,一般为api的根目录(如果不写入完整地址,则会默认使用当前运行地址) requestURL为api接口方法下定义,一般为具体的api的具体地址 我们可以通过环境变量设置多个baseURL,从而请求不同的 api 地址。 代码语言:...
github地址:https://github.com/PanJiaChen/vue-element-admin 由于该框架默认使用mock js模拟数据,在结合后台实际运用中我们需要访问后台api,所以第一步就是配置后台api地址。 1、编辑.env.development文件 2、修改vue.config.js 如图在devServer对象下配置proxy(没有就新增),更多配置查看官方文档 proxy: { [process...
url:这个是对应调取服务端接口,用于服务端控制路由权限,前端要按相应的接口调用(在api文件夹里面方法修改)。 component:等于#为一级参单,这里有个容易忽略的细节,如果修改component文件不好会造成重复嵌套参单。这里就用到vue的 代码语言:javascript 代码运行次数:0 运行 AI代码解释 <router-view /> hidden:是否隐藏...
├── mock # 项目mock 模拟数据├── public # 静态资源│ │── favicon.ico # favicon图标├── src # 源代码│ ├── api # 所有请求│ ├── assets # 主题 字体等静态资源│ ├── components # 全局公用组件│ ├── directive # 全局指令│ ├── filters # 全局 filter │ ├──...
api : 接口js配置 assets : 静态资源(该目录会被webpack打包,public下的不会被webpack打包) components : 自定义组件BackToTop : 返回首页 项目需要Breadcrumb : 面包屑 项目需要Charts : 图表 DndList : 拖拽列表 DragSelect : 拖拽选择 Dropzone : 拖拽上传 ...
API是我们程序员提供的一个接口,方便实现某种功能。 WebAPI主要是针对于浏览器提供的借口,用于浏览器的交互等。一般都有函数的传参和返回值。 -- 基础的开发工具(版本自己选择):VS2022 、VSCODE、NODE.JS、VUE_CLI、SQL el 前缀控件了,详细内容 见官网Element - 网站快速成型工具 ...
import {list as getRoutes} from '@/api/admin/menu' import Layout from '@/layout' generateRoutes({commit}, roles) { return new Promise(resolve => { // 请求后台数据替换src/router/index.js的asyncRoutes异步路由 getRoutes({mode: 3}).then(response => { ...
此处是api中的login方法,上面import引入了utils下的request,本质上是它调用了request.js,request.js是对axios进行了封装(统一请求拦截和响应拦截),用来请求后台接口的,如果这个接口请求成功,则回到login.vue页面中的.then()方法路由跳转到登录页。 4、request.js ...
接着新增api/dept.js 新增mock/dept.js mock/index.js中新增 可以看到菜单和页面。 我们可以继续编辑一下模板/dept/index.vue。 接下来我们来写服务端。 我们创建一个maven项目,引入springboot依赖。 pom.xml application.properties设定端口号为8086 ...
apiAction: (params) => { return axios.get('/data/tableData.json', {params: params}).then(res => { return res.data }).catch(error => { console.log(error) }) }// 用于搜索按钮点击后进行搜索功能,只要把该值取一下反,table自动进行搜索 searchTag: falsesearchKeyword: { page: 1, limit...