html调后台接口_goadmin的调取接口

一、对于go-admin添加接口

登录cookie验证

必须先登录，本项目有自己的登录全局设置(登录cookie验证之后才可以调取接口)

1.先在对应的文件中，建立课程的接口管理页面

我们可以看到这里有关于cookie的引入全局设置，下面是具体接口的输出配置(当然这里面写了必要的parms和data)

2.然后，在所需页面引入接口，并且调用使用它

import { addCourse } from'@/api/system/course'

addCourse().then(res=>{

       alert("添加成功")

      })         

注意：当然注意在上面实参和接口管理页形参的写法

this.$axios({

       url:"http://39.105.212.87:8000/admin/course",

        method:"post"

      }).then(res=>{

        alert("添加成功");

      })

从上面看来，和我们之前的做法还是有一些区别的

接口权限管理

其实在菜单管理中，还有我们的接口权限的设置(添加课程接口菜单之后，去角色管理中开启权限；就像课程列表一样加列表开权限)

具体上传代码实现

从结构到数据到接口

结构层面

    <div>

    标题: <input type="text" name = "title" v-model="addCourse.courseTit">

    <br>

    关键字: <input type="text" name="keyword" v-model="addCourse.courseKeyword">

    <br>

    描述: <input type="text" name="description" v-model="addCourse.courseDes">

    <br>

    状态: <input type="number" name="status" v-model="addCourse.courseStatus">

    <br>

    观看⼈数: <input type="number" name="view" v-model="addCourse.courseView"