vue 开发

npm create vue@latest

npm install --save axios vue-axios

main,js

import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

createApp(App).use(VueAxios, axios).mount('#app')

App.vue

<script setup>
import RestApi from './components/RestApi.vue'
</script>

<template>
    <div>
      <RestApi/>
    </div>
</template>

<style scoped>
</style>

RestApi.vue

<template>
  <div><textarea rows="4" cols="50" v-bind:value="msg"></textarea></div>

  <div><button>请求</button></div>
</template>

<script>
import {ref} from "vue";

export default {
  name: "RestApi",
  setup() {
    const msg = '18'
    return {msg}
  }
}


let api = `https://zro2ishurf.execute-api.us-east-1.amazonaws.com/1`
this.axios.post(api).then((response)=>{
  console.log(response.data)
})
</script>