react中axios模块的使用（案例）

最新推荐文章于 2023-10-19 17:53:37 发布

Han_Zhou_Z

最新推荐文章于 2023-10-19 17:53:37 发布

阅读量577

点赞数 1

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/han_zhou_z/article/details/123388925

版权

本文详细介绍了在React应用中如何使用axios模块处理跨域问题并连接数据库。首先，通过npm安装cors模块解决跨域问题。接着，在app.js中引入cors模块。然后，配置数据库链接和创建模型。此外，还讲解了新建接口文件和创建组件的步骤，最后在App.js中进行了相应修改以完成API调用。

摘要由CSDN通过智能技术生成

1、跨域的问题，需要安装跨域模块

npm install cors

2、app.js导入跨域模块

var cors = require('cors');
app.use(cors());

3、对数据库进行链接配置

新建dbconfig.js文件
const Sequelize = require('sequelize');

const MysqlDB = new Sequelize('dbms','root','178945688',{
    host: 'localhost',
    port: 3306,
    dialect: 'mysql',
    pool: {
        max: 20,
        min: 3,
        idle: 10000
    }
})

module.exports = MysqlDB;

4、建立模型

//创建bookModel.js
const Sequelize = require('sequelize');
const MysqlDB = require('../config/dbconfig');

const Book = MysqlDB.define('bookInfo',{
    id: {
        type: Sequelize.INTEGER,
        autoIncrement: true,  //是不是自增
        primar