react 项目部署到线上后无法跳转页面

Question

不知道为什么，在本地测试完全没任何问题，但是打包到线上后页面都无法跳转，点击相应的页面地址栏上的地址有变化，但是就是无法跳转，重新刷新下倒是会到相应的界面，是不是跟proxy的配置有关系呢？

proxy: {
    '/http': {
      'target': 'http://测试服务器地址',//线上不是这个地址
      'changeOrigin': true,
      'pathRewrite': {
        '^http': '',
      },
    },
  },

线上的proxy里的target地址是不一样的，是因为这个问题吗，如果不是的话是因为什么呢

Answer 1

proxy一般都是代理接口的，跟页面路由没有什么关系。

猜测是react-router的问题，刷新浏览器，页面能跳转，说明路由的配置是对了，猜测可能是react-router没有监听到url的变化。

你是用的history路由还是hash路由，如果是history模式的话，可以先换成hash试试。history有时候会遇到莫名的问题。