[Day 28] - React 前端串後端 - Donate!

我在想，还剩下没几天，该怎麽把永丰的收款串到前端呢...
後端我也没写购物车，前端也只简单写个阳春的登入功能而已...
不然就先把收款用在最简单的Donate功能好了，这已经是我的极限了

今天就先来实作Donate，

在apiUtil新增一个donate的api

  export const donate = (amount) => {
    const token = getAuthToken();
    const config = {
      headers: { 'Content-Type': 'application/json','authorization': `Bearer ${token}`, },
      baseURL: 'http://localhost:8080',
    }
    return axios.create(config).post("/demo/api/v1/Qpay/",
    JSON.stringify({amount})
        ).then((res) => res.data).catch((err)=>err.toString());
  };

这边会带上登入後存到Cookie的token在header上传到api验证

然後compoent页面就拿登入页稍微改一下

成果:

我把後端api有做调整，除了amount之外都先写死，
前端只需带着jwt token丢amount的值过来api就行了

其余有缘的话再详述...donate功能的雏形大概就先这样

还有一些基本的检核、donate订单建立成功後的流程要串

加油加油!!