1.axios的get请求开发环境会自动带上cookie,但是生产环境则不会,需要手动设置以下代码: axios.defaults.withCredentials=true; 2.models全局和局部问题 局部model在生产环境中,在未渲染之前调用会报错,在开发环境中则不会,生产环境中需要使用其他的局部model,需将其提升为全局的model. 更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/11861

首先,你需要先装一个Nodejs,这是基础哦.如果没有这方面知识的小伙伴可以在园子里搜索cnpm yarn等关键字,内容繁多,此不赘述,参考链接 一. 简介 1. Ant Design Pro v5 开箱即用的中台前端/设计解决方案,没有用过的小伙伴先撸一遍文档.基于React,需要一定的基础. 2. Ant Design 配套组件,另外Antd还设计了超级组件 ProComponents,看着有点麻烦,不过我猜用起来应该很爽. 3. v5是预览版默认ts,目前不可选js版本.前端ts是一个趋势

安装NODEJS 什么是NODEJS? 百度一下吧,这个真不知道,老码农,别笑话我: 简单的说 Node.js 就是运行在服务端的 JavaScript.Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台.Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好. 安装YARN 什么是YARN? Yarn 对你的代码来说是一个包管理器, 你可以通过它使用全世界开发者的代码

一. 简介 1. 平常用的core webapi 3.1,恰逢.Net5.0正式版发布了,直接开整. 2. 先学习IdentityServer4 .Autofac.EF Core,集成到后台框架里. 3. 这篇没什么内容,就是把类库先建好,控制器加上前台调用的登录接口,. 本着学习(折磨自己

一.前言 IdentityServer配合EFCore持久化,框架已经为我们准备了两个上下文: ConfigurationDbContext:配置数据(资源.客户端.身份等) PersistedGrantDbContext:操作数据(授权码.访问令牌.刷新令牌等) 用户持久化可以自定义一套逻辑,But,我们直接用微软的Identity,再新建一个用户上下文: ApplicationDbContext:用户数据(用户.角色等) 二.持久化 1.新建认证服务 新建一个MVC工程,目录结构跟上篇内存化

一. 简介 Autofac与.Net Core自带DI的区别,大佬级的文章数不胜数.我只是根据实际应用简单介绍(非常简单的那种) 1.批量注入,自带DI需要自己写循环反射注入,Autofac现成方法,简洁的多. 2.其他功能,Autofac玩法丰富,官网或其他文章都有介绍. 二. 使用 1.Nuget 2.Program.cs 3.Startup.cs 这里需要添加一个方法,在方法里进行注入,注入时在最后带上.PropertiesAutowired()是开启属性注入.如果内容太多比较臃肿,注入模

一. 简介 EFCore 是轻量化.可扩展.开源和跨平台版的常用数据访问技术,走你(官方文档) 二. 使用 1.安装数据库驱动包.PMC 工具包 不同的数据库有不同的包,参考,我用 PostgreSQL,所以是 Npgsql.EntityFrameworkCore.PostgreSQL 技术迭代的真快啊,.net5不配使用最新版本 2.迁移 CodeFirst (1)新建EF上下文 WinterSirContext (2)连接字符串放在 appsetting,新建一个帮助类用来读取配置(参考),

一.日志 日志具有帮助开发者快速的定位问题,记录各种信息,配合其他分析框架使用等等功能,收集日志的各类框架如:Log4net.NLog.Exceptionless.Serilog等等,百度或园子里介绍及对比文章不胜枚举,此不赘述.易用为主,选择NLog先集成,方便后面演示使用. 1.安装 NLog.Web.AspNetCore 2.新建 nlog.config,只改了输出路径.(配置和变量介绍参考最后链接,就不贴代码了) 3.注入到框架中,测试输出效果 二.异常处理 异常处理分为两种,一种是过滤

一.Aop Aop 面向切面编程(Aspect Oriented Program),在项目中,很多地方都会用到Aop的概念,比如:过滤器(Filter),中间件(Middleware) 通常用来处理数据请求.切面缓存.记录日志.异常捕获等等.但是想在服务层中使用Aop,前面说的就不好使了,目的是减少代码入侵,降低解耦,又能实现业务需求,才是Aop意义所在.前面介绍使用了Autofac,在这还能发挥作用. 1.安装 安装Autofac.Extras.DynamicProxy,Autofac实现Ao

一.简介 IdentityServer4 是用于 ASP.NET Core 的 OpenID Connect 和 OAuth 2.0 框架,通过中间件的方式集成.JWT(json web token)本身是一个格式,不是一个框架,在ids4中也用到了这种格式,而在很多公司的项目里(包括我们)使用JWT来完成鉴权机制,是在这个token格式的基础上用代码实现生成.颁发.校验.刷新.过期等功能.这是IdentityServer4与JWT的区别. 二.配置 (1)新建一个空Api项目作为认证鉴权中心,

一.前言 先交代一下整个Demo项目结构: 一个认证服务(端口5000)IdentityServer4.Authentication 五个授权模式(两个控制台程序,三个MVC项目端口5001)文件夹GrantClient 两个资源服务(WebApi:UserApiResource端口8000,ProductApiResource端口9000)文件夹ApiResource 二.准备认证服务 + 资源服务 1.认证服务 (1)新建一个MVC项目,安装 IdentityServer4 ,注册五种授权模

发送请求 上次讲到在api.js中发送请求,模拟了假数据,这次讲一下调用真实接口进行请求并渲染页面. 先完整的过一遍请求吧 首先view层发送请求例如下面的代码: componentDidMount() { this.fetchListCallback(); } fetchListCallback = () => { const { limit, offset } = this.state; const { dispatch } = this.props; dispatch({ type: 'b

利用Ant Design pro开发的项目,如何用Nginx部署呢? 第一步:把项目打包,打包命令如下: npm run build 运行完毕会在项目目录下生成dist文件夹. 第二步:想要测试打包好的代码是否可以正常运行,安装serve,如下命令 npm i serve -g serve安装完毕,利用serve运行打包好的代码,运行命令: serve dist 测试完毕,代码可以正常运行. 第三步:用Nginx进行部署. 1.下载Nginx:http://nginx.org/en/downlo

一.概述 1.1.脚手架概念 编程领域中的“脚手架(Scaffolding)”指的是能够快速搭建项目“骨架”的一类工具.例如大多数的React项目都有src,public,webpack配置文件等等,而src目录中又包含components目录等等.每次在新建项目时,手动创建这些固定的文件目录.脚手架的作用就是帮助你完成这些重复性的工作,包括一键生成主要的目录结构.安装依赖等等. 1.2.参考地址 ant design参看地址:https://ant.design/docs/react/intr

背景:自己的博客部署到服务器了,可每次上传服务器都要把配置重新该,包括数据库链接也得改,于是就需要管理开发环境和生产环境配置. 1, 这是目录结构,在blog下新建一个settings包,里面新建有commen.py(通用), dev(开发).py, pro(生产).py <我是把之前的setting.py复制进来,然后改的名字> 2, 然后在settings包里的__init__写入 from .commm import * from .dev import * # from .pro im

1. 配置开发环境.测试环境.生产环境 (1). environment.ts - 开发环境: 用于程序开发 (创建项目时自动生成) export const environment = { production: false, baseUrl: 'http://192.168.182.66:8089', // 测试环境服务器地址(请求数据地址) isPass: true, // 定义变量 }; (2). environment.test.ts - 测试环境: 用于程序完成,测试产品 (手动创建

                                  软件开发的一般流程为工程师开发 -> 测试 -> 上线,因此就涉及到三个不同的环境,开发环境.测试环境以及生产环境,通常这三个环境会有很多配置参数不同,例如数据源.文件路径.url等,如果每次上线一个新版本时都手动修改配置会十分繁琐,容易出错.spring 为我们提供了 profile 机制来解决这个问题. spring允许我们通过定义 profile 来将若干不同的 bean 定义组织起来,从而实现不同环境自动激活不同的 p

这是Webpack+React系列配置过程记录的第五篇.其他内容请参考: 第一篇:使用webpack.babel.react.antdesign配置单页面应用开发环境 第二篇:使用react-router实现单页面应用路由 第三篇:优化单页面开发环境:webpack与react的运行时打包与热更新 第四篇:React配合Webpack实现代码分割与异步加载 第五篇:分离Webpack开发环境与生产环境的配置 这篇文章的主要内容包括: 增加less-loader.url-loader.file-l

开发环境和生产环境整个配置源码在github上,源码地址:github-webpack-react 如果觉得有帮助,点个Star谢谢!! (一)是开发环境,(二)是生产环境. 一.首先创建package.json并且安装webpack和webpack-dev-server //不用你书写任何,直接帮你创建一个最简单的package.json文件npm init -y //webpack必须,webpack-dev-server开启服务热加载做代理 npm install --save-dev w

以前自己写一小项目时,webpack的配置基本就是一套配置,没有考虑生产环境和开发环境的区分,最近在做一个复杂的商城项目接触到了webpack的高级配置,经过两天的研究,写出了一份目前来说比叫满意的配置,在这里分享一下. 如何区分开发环境和生产环境? 众所周知,webpack时基于node.js平台运行的,要区分开发环境和生产环境还要存,node入手.我们启动webpack时,都需要输入一些命令,npm run .yarn start之类的,所以我们就从命令行入手,告诉webpack,当前是什么