webpack服务器渲染react环境搭建

2019-12-23 张宇童 webpack

本片博客写给我自己看,他人如果看不懂可以留言

首先配置下需要设置

target: 'node',

安装webpack-node-externals

配置

externals: [nodeExternals()]

安装

isomorphic-style-loader

配置rules中cssloader

use:['isomorphic-style-loader', 'css-loader']

标签: react 后端 渲染

评论(1) 浏览(970)

react配置proxy代理

2019-11-17 张宇童 学习日志

首先我们需要安装http-proxy-middleware中间件

然后在src目录下创建setupProxy.js文件

里面填写代理规则即可

const proxy = require('http-proxy-middleware')
module.exports = function (app) {
    app.use(proxy('/api',{
        target: 'http://localhost:8083',
        changeOrigin: true,
        // pathRewrite: {
        //     "^/api": "/"
        // }
    }))
}
可以根据自己的需求更改

保存后此时并不能生效

要想生效必须重新启动npm

标签: react proxy

评论(0) 浏览(819)

React生命周期函数

2019-10-25 张宇童 学习日志

首先贴一张图片,直观深刻的理解一下屏幕快照 2019-10-25 下午9.48.18.png


组件挂载前执行

 1、componentWillMount


组件挂载后执行

2、componentDidMount


组件更新之前执行

3、shouldComponentUpdate


组件被更新之前执行但在shouldComponentUpdate之后执行,如果shouldComponentUpdate返回true执行 返回false不执行

4、componentWillUpdate


组件更新完成之后执行

5、componentDidUpdate


存在于自组件中,要从父组件接受参数,第一次存在于父组件中不会执行,父组件执行render会触发componentWillReceiveProps函数

6、compoentWillReceiveProps


当一个组件将被销毁之前执行

7、componentWillMount

标签: react 生命周期函数

评论(0) 浏览(747)

Powered by emlog