写练手项目时遇见的问题

github搜索页面

1、端口号没有设为3000默认端口 然后axios连接数据时获取不到

疑问：默认端口转换之后 webpack server中间代理服务器的端口号是否改变

2、项目第二次启动不起来了

react中配置setupProxy.js后localhost拒绝访问的问题

将setupProxy.js版本更换即可

//新版配置代码
const {createProxyMiddleware} = require('http-proxy-middleware')

module.exports = function(app){
  app.use(
    createProxyMiddleware('/api1',{
      target:'http://localhost:5000',
      changeOrigin:true,
      pathRewrite:{'^/api1':''}
    })
  )
}

路由传递参数的三种方式

使用querystring库对urlencoded方式的字符串进行解析时

//以前
import qs from 'querystring'
// 现在
import qs from 'qs'

redux求和

select选框中拿到选择的options中的value值

原生js写法：

const index = this.selectedNum.selectedIndex
    const num = parseInt(this.selectedNum.options[index].value)

需要先拿到index然后拿到对应options的值