微涉全栈(react,axios,node,mysql)

embedded/2025/1/2 2:10:37/

纯小白从前端跨域发起axios get请求获取数据

如果有兴趣欢迎往下看:

//nodejs部分

const express = require('express')
const app = express()
const mysql = require('mysql2')
// 创建一个数据库连接
const connection = mysql.createConnection({host: 'localhost',user: 'root',database: 'users',password: '203827'
});
connection.connect((err) => {if (err) {console.error('Error connecting to the database:', err.message);return;}console.log('Connected to the MySQL database.');
});
app.get('/user', (req, res) => {const query = 'SELECT * FROM inf';connection.query(query, (err, results) => {if (err) {console.error('Error fetching posts:', err);return res.status(500).json({ message: 'Error fetching posts' });}res.json(results);});// res.send('test')
})
app.listen('8000', () => {console.log('8000启动')
})
//关闭数据库
// connection.end((err) => {
//     if (err) {
//         console.error('Error closing the connection:', err.message);
//         return;
//     }
//     console.log('Database connection closed.');
// });

//前端部分 

import './App.css'
import axios from 'axios'
function App() {
const test=()=>{
axios({method:'get',url:'api/user/'
}).then(res=>{console.log(res)
})
}return (<><button onClick={test}>测试</button></>)
}export default App


http://www.ppmy.cn/embedded/150131.html

相关文章

虚幻引擎反射机制

在虚幻引擎中&#xff0c;反射系统是一种强大的机制&#xff0c;它允许开发者和引擎本身在运行时获取并操作类、对象、属性和方法的元信息。这个系统是基于UObject&#xff08;Unreal Engine中所有支持反射的对象的基类&#xff09;构建的&#xff0c;为游戏开发提供了极大的灵…

linux 网卡配置

linux网卡可以通过命令和配置文件配置,如果是桌面环境还可以通过图形化界面配置. 1.ifconfig(interfaces config)命令方式 通常需要以root身份登录或使用sudo以便在Linux机器上使用ifconfig工具。依赖于ifconfig命令中使用一些选项属性&#xff0c;ifconfig工具不仅可以被用来…

企信唤起跳转小程序及分享API功能

initWxConfig()函数的调用情况 &#xff0c;请移步上一篇文章……&#x1f6eb; 官方文档&#xff1a; 跳转到小程序页面&#xff1a;https://developer.work.weixin.qq.com/document/path/96897 分享接口&#xff1a;https://developer.work.weixin.qq.com/document/path/97…

【Java基础面试题038】栈和队列在Java中的区别是什么?

回答重点 栈&#xff08;Stack&#xff09;&#xff1a;遵循后进先出&#xff08;LIFO&#xff0c;Last In&#xff0c;First Out&#xff09;原则。即&#xff0c;最后插入的元素最先被移除。主要操作包括push&#xff08;入栈&#xff09;和pop&#xff08;出栈&#xff09;…

基于单片机的智能递口罩机器人设计

本设计是一款智能递口罩机器人&#xff0c;主控器采用STM32单片机&#xff0c;ESP32协同控制&#xff0c;在支持MicroPython的OpenMV机器视觉模块的控制下&#xff0c;实现人脸搜索与识别&#xff0c;进而控制小车的运动及机械臂递口罩动作。这款机器人拥有温湿度传感器&#x…

OpenCV调整图像亮度和对比度

【欢迎关注编码小哥&#xff0c;学习更多实用的编程方法和技巧】 1、基本方法---线性变换 // 亮度和对比度调整 cv::Mat adjustBrightnessContrast(const cv::Mat& src, double alpha, int beta) {cv::Mat dst;src.convertTo(dst, -1, alpha, beta);return dst; }// 使用…

抓取手机HCI日志

荣耀手机 1、打开开发者模式 2、开启HCI、ADB调试 3、开启AP LOG 拨号界面输入*##2846579##* 4、蓝牙配对 5、抓取log adb pull /data/log/bt ./

QT-【常用容器类】-QList类 QLinkedList类

QList 和 QLinkedList 是 Qt 框架中提供的两个重要容器类&#xff0c;用于存储和管理一组数据。它们各自具有不同的特点和优缺点&#xff0c;适用于不同的场景。 1. QList 类概述 QList 是一个动态数组类&#xff0c;提供了对元素的快速随机访问。它的实现类似于 C 标准库中的…