admin管理员组文章数量:1582329
node接口
api文件(后端)
express搭建后,routes文件夹里面–新建testAPI.js文件(post请求),新建testYHR.js文件(get请求)
testAPI.js
var express = require("express");
var router = express.Router();
router.post("/", function (req, res, next) {
data = {
message:'message', count: 12, comment: 'comment'};
res.send(data); //可以返回json数据
// res.send(res.params); //可以返回json数据
// res.send("API is working properly");
});
module.exports = router;
testYHR.js
var express = require("express");
var router = express.Router();
router.get("/", function (req, res, next) {
res.send("yhr");
// res.send(res.query);
});
module.exports = router;
app.js
//将上面两个路由导出使用
var testAPIRouter = require("./routes/testAPI");
var testYHRRouter = require("./routes/testYHR");
app.use("/testAPI", testAPIRouter);
app.use("/testYHR", testYHRRouter);
//使用接口需要还写上
var cors = require("cors");
app.use(cors());
client(客户端)
在app.tsx中调用接口(注释部分)
import logo from "./logo.svg";
import './App.less';
import {
Button } from 'antd';
import React, {
useState, useEffect} from "react";
import Layout from './compoent/Layout.tsx'
import {
CommentProvide} from './compoent/commentProvider/CommentProvider.tsx'
const App = () => {
// const [apiResponse, setApiResponse] = useState({});
// const [yhrResponse, setYhrResponse] = useState("");
// useEffect(() => {
// callAPI();
// callYHR();
// }, []);
// const callAPI = async () => {
// // async function callAPI() {
// let url = "http://localhost:9001/testAPI";
// try {
// let response &#
版权声明:本文标题:node接口 + hooks统一状态管理 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1727896204a1136820.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论