通常我們mock數據都會安裝mockjs：yarn add mockjs
但是需要配置很多東西，還要攔截請求等等，對新手不友好，即使是老手也覺得麻煩。

推薦大家使用useMock 在線Mock助手，項目API數據模擬，聲稱比內部環境更貼心

1. 支持團隊協作
2. 靈活解耦
3. 不局域
4. 可反覆調試
5. 自動生成文檔

官網：https://www.usemock.com/

Vue請求示例：

你需要先在useMock平台添加你自己的項目和接口，然後就會得到接口文檔，複製API鏈接請求就可以獲取到在線mock設置的數據了。

以二維碼解碼接口mock為例：

在線示例Vue：https://www.usemock.com/demo/...

示例圖：

<script>
//vue 示例代碼
  const App = {
    data() {
      return {
        apiUrl:"https://2weima.usemock.com/api/qrdecode",
        info:null
      }
    },
    methods: {
      onReqApi(){
        // 使用axios發請求
        axios.post(this.apiUrl,{
          qr_image:"https://img.2weima.com/qr_template/2021/6/26/8857784941a0f2d2a024044f414c69f9.jpg"
        })
        .then(response =>{
          this.info = response.data
          console.log('由於跨域請求，在Network中多一個 Request Method: OPTIONS 請求是正常的。')
          console.log('response data:',this.info)
        })
      }
    }
  }

  Vue.createApp(App).mount('#app')

</script>