Static response

2023-7-13 Less than 1 minute

Hit F12 to access Developer Tools and view the console logs.

# Mock data file

/**
 * @url https://www.api.com/text-response
 * @method get
 */
module.exports = '<html>mock response content</html>'
/**
 * @url https://www.api.com/json-response
 * @method post
 */
module.exports = { ret: 0, msg: 'ok' }

# Vue code

<template>
  <div class="demo">
    <button @click="get">GET https://www.api.com/text-response</button>
    <button @click="post">POST https://www.api.com/json-response</button>
    <div class="result"> {{ msg }} </div>
    <div class="tips">Hit F12 to access Developer Tools and view the console logs.</div>
  </div>
</template>

<script>
import axios from 'axios';
export default {
  data() {
    return { msg: '' }
  },
  methods: {
    get() {
      axios.get('https://www.api.com/text-response').then(res => {
        this.msg = res.data;
      });
    },

    post() {
      axios.post('https://www.api.com/json-response', {abc: 123}).then(res => {
        this.msg = res.data;
      });
    }
  }
}
</script>
<style scoped src="./demo.css">
Last update: July 13, 2023 22:53