axios接口调用post传值jsion,2022/6/3pm

export function getdata (data: any) {
  const urlall: any = geturl() // 获取路由
  const resulturl = urlall.getallstore // 获取数据接口
  return new Promise((resolve, reject) => {
    axios({
      headers: { 'Content-Type': 'application/json;' },
      method: 'post',
      url: resulturl,
      data: JSON.stringify(data)
    }).then(res => {
      resolve(res)
    })
  })
}

formData表单传参post接口

E:\gongzuo\xmx\element\whiteStoreManage\src\api
export function getTokenData (data: any) {
  const urlall: any = geturl()
  const resulturl = urlall.getTokenApi
  const formData = new FormData()
  formData.append('grant_type', 'password')
  formData.append('scope', 'webclient')
  formData.append('username', data.email)
  formData.append('password', data.password)
  return new Promise((resolve) => {
    axios({
      headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8', Authorization: 'Basic aGlnaHJvY2s6VGlhbnNoaUAxOA==' },
      method: 'post',
      url: resulturl,
      data: formData

    }).then(res => {
      resolve(res)
    })
  })
}
 
<script lang="ts">
import { defineComponent, toRefs, reactive, computed, ref, onMounted } from 'vue'
import { useStore } from 'vuex'
import { useRouter } from 'vue-router'
import { getTokenData } from '@/api/Microstores/microstoresapi'
import logoUpLoad from '@/components/Microstores/infomation/upload/logoUpload.vue'
export default defineComponent({
  name: 'microstoresTable',
  components: {
    logoUpLoad
  },
  setup () {
    const Store = useStore()
    const Router = useRouter()
    const getTokenStr = async () => {
      const resultdata = {
        email: ruleForm.username,
        password: ruleForm.password
      }
      await getTokenData(data).then((res: any) => {
         .....doing
      })
       
    }
    const data = reactive({
     
 
    })
 return {
      ...toRefs(data),getTokenStr
 
    }
  }
 
})
</script>