react+ts+node项目开发
文章平均质量分 67
前端基于react17,后端基于node
沉默小管
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
展开
-
【react17+ts】react项目封装axios网络请求并使用-04
1.安装基于 promise 的网络请求库axiosnpm install axios2.axios封装与使用2.1 request.js对axios的封装import axios from 'axios';import {baseInfo} from "../common/config";import {getToken,removeToken,removeUsername,removeUserId} from "../common/storage";let baseURL = baseI原创 2022-02-09 13:55:57 · 1857 阅读 · 2 评论 -
【node】pm2管理node项目-05
linux安装node.js1.在linux环境下下载和安装nodecd /homewget https://nodejs.org/dist/v12.14.0/node-v12.14.0-darwin-x64.tar.gz解压压缩包tar -xvf node-v12.14.0-darwin-x64.tar.gz移动文件到指定文件夹下sudo mv ./node-v12.14.1-linux-x64 /usr/local/node创建软链接sudo ln -s /usr/local/原创 2022-02-09 13:41:05 · 1166 阅读 · 0 评论 -
【react17+ts】react使用react-router-dom动态生成路由-03
1.index.tsx存放项目路由import React,{lazy} from "react";import RouterInterface from "@/router/routerInterface";//lazy懒加载路由,按需加载视图const Login = lazy(() => import("@/views/v1/login/Login"));//普通用户const UserOperation = lazy(()=>import('@/views/v1/userO.原创 2022-02-09 01:26:36 · 1668 阅读 · 6 评论 -
【react17+ts】react初始化项目目录结构-02
1.assets: 存放样式与图片2.components: 项目的组件3.interface: 整个项目的接口声明4.network: 对应每个页面请求的接口5.router: 项目路由 6.views: 项目的视图代码,每个文件对应每一个模块7.common: 项目的工具类-config.js 项目配置内容-storage.js 项目的缓存类-utils.js 项目公共的工具类8.App.less .原创 2022-02-09 00:47:16 · 1090 阅读 · 0 评论 -
【node】node中使用redis缓存-04
1.下载在windows下载redishttp://www.redis.cn/download.html2.开启redis1进入redis文件夹后再进入cmd,开启redisredis-server.exe redis.windows.conf如果出现一下报错需要进入redis,关闭redis,才能启动3.项目中创建redis类特别注意:使用redis的3.1.2版本,否者会报错redis.js文件let redis = require("redis");//redis链接的原创 2022-02-08 19:12:28 · 933 阅读 · 4 评论 -
【node】node使用express框架编写api接口-03
1.创建main.js项目入口文件https://blog.csdn.net/qq_36977923/article/details/1225319052.创建路由home的路由文件//引入express框架const express = require("express");//引入home的控制器const home = require("../../controller/home/home")//引入中间件const homeMiddle = require('../../midd原创 2022-02-08 18:55:10 · 658 阅读 · 0 评论 -
【node】node创建项目目录解说超详细篇-02
1.constroller: 项目控制器,接收数据2.middleware: 项目路由中间件3.model: 数据模型,对数据库的操作4.node_modules: 项目的第三方插件5.router: 项目路由,每个文件对应每一个模块6.service: 项目服务器层,处理数据逻辑 6.utils: 项目的工具类-apiError.js 项目返回的错误码与错误内容类-config.js 项目配置文件-jwt.js .原创 2022-02-08 17:45:16 · 1453 阅读 · 1 评论 -
【react17+ts】antd语言包全局设置
解决流程在项目index.tsx文件:import React from 'react';import ReactDOM from 'react-dom';import App from './App';import {ConfigProvider} from "antd";import moment from 'moment';import 'moment/locale/zh-cn';import locale from 'antd/lib/locale/zh_CN';ReactDOM.原创 2022-01-31 15:17:08 · 1102 阅读 · 0 评论 -
【node】Cannot set headers after they are sent to the client--【亲测绝对可以】
问题原因Cannot set headers after they are sent to the client翻译为:发送到客户端后无法设置标头我已经数据处理完了,为啥我还要设置头部呢?,我也没有去重新设置头部…解决步骤在最后send函数前添加await关键词(等待),就没有出现报错register= async (req,res,next)=>{await Login.register(xxx).then( async response=>{ await res.sen原创 2022-01-29 11:04:38 · 859 阅读 · 0 评论 -
【react17+ts】axios请求数据,node获取不到值
问题原因前端我使用formdata包裹数据,发送请求let data = new formdata()data.append('a','值');axios.post(url,data).then(res=>{ console.log('res=>',res); })解决步骤formdata默认请求是以 ‘Content-Type’: ‘application/json’ 发送请求,导致后端node获取不到键值对获取数据,所以我使用URLSearch原创 2022-01-29 10:56:55 · 923 阅读 · 0 评论 -
【node】创建node项目超详细篇-01
1.安装node环境安装链接http://nodejs.cn/download/2.初始化node项目npm init3.安装第三方拓展##安装express框架npm install express##安装mysql数据库npm install mysql##安装令牌tokennpm install jsonwebtoken##安装加密解密的bcryptjsnpm install bcryptjs##安装热重启的nodemon//实时监听node修改的代码,并重启npm i原创 2022-01-17 01:40:59 · 8018 阅读 · 0 评论 -
【react17+ts】创建react或者react+typscript的项目-01
1.安装node.jsnode官方下载路径:node.js安装完之后查看npm版本npm -vnode版本node -v2.安装react全局安装create-react-app(构建React开发环境的方法)npm install -g create-react-app如果觉得npm太慢可以使用cnpm,安装cnpmnpm install -g cnpm -registry=https://registry.npm.taobao.org然后再安装reactcnpm inst原创 2022-01-25 21:56:26 · 1170 阅读 · 0 评论