React
przlovecsdn
这个作者很懒,什么都没留下…
展开
-
React中配置跨域
在package.json中配置代码可以实现跨域1、确保你自己已经使用 npm run eject 命令,这个是生成本地webpack配置文件2、package.json中配置如下代码"proxy": { "/*": { "secure": false,//若是https可以添加,也可以不添加,不添加也行 "target": "https://...原创 2018-08-16 14:11:56 · 3098 阅读 · 0 评论 -
通过create-react-app创建的react项目使用sass
step1:安装sassnpm install sass-loader node-sass --save-devstep2:配置sass 1、找到webpack.config.dev.js和webpack.config.prod.js 2、分别修改test: /\.css$/改为test: /\.(css|scss)$/,并且在use:[]中添加即use:[...,...,{...原创 2018-08-16 14:15:39 · 1642 阅读 · 0 评论 -
react打包放在服务器上出现空白页(即文件路径不对问题)
解决方式:https://stackoverflow.com/questions/38565538/create-react-app-css-and-js-path/在package.json中添加--- "homepage" :".",或是直接添加文件路径,例如:"homepage":"http://example.com/react"{ "name": "react-.原创 2018-08-16 14:20:28 · 4842 阅读 · 0 评论 -
react中使用ant-design步骤
step1、 npm install antd --savestep2、npm install babel-plugin-import --save-devstep3、分别在config/webpack.config.dev.js、config/webpack.config.prod.js中配置https://github.com/ant-design/babel-plugin-im...原创 2018-08-16 14:29:39 · 2619 阅读 · 0 评论 -
react通过react-router-dom拦截实现登录验证
在使用react开发项目中,有些页面需要登录之后才能访问,所以需要进行拦截,此处分享采用react-router-dom v4+redux+redux-saga+ant-mobile+axios技术来实现Login.jsximport React from "react";import { is, fromJS } from "immutable";import { connect ...原创 2018-08-31 17:20:56 · 17210 阅读 · 0 评论 -
react打包通过image-webpack-loader插件对图片压缩优化
react正常打包之后一些图片文件很大,使打包体积很大,通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积step1:npm install image-webpack-loader --save-devstep2:在config/webpack.config.prod.js中改如下配置module.exports = { module: {...原创 2018-09-18 17:52:06 · 2885 阅读 · 1 评论