Question

我已经在React js中创建了一个应用程序。一切在开发模式下都可以正常工作，但是在进行构建路由后无法正常工作。

我的package.json文件代码

app.controller("EditController", function($scope, $http, storageService) {
  var d = storageService.get(); // loading data
  $scope.name = d.name;
  $scope.position = d.position;
  $scope.btnName = "Update"; // = d.btnName;
  $scope.update_data = function() {
    $http.post(
      "edit.php", {
        'name': $scope.name,
        'position': $scope.position,
        'btnName': $scope.btnName
      }
    ).success(function(data) {
      alert(data);
      $scope.name = null;
      $scope.position = null;
      $scope.btnName = "Update";
    });
  }
});

我的路线文件代码

{ "homepage": "http://localhost/hositng/react/",
    "private": true,
    "entry": {
         "index": "./index.js"
     },
}

反应生成命令后，当我点击“ http://localhost/hositng/react/” URL

应该去登录页面但是要去主页
当单击“联系我们”页面链接时，“联系页面” URL将会更改。

它应该转到此网址“ http://localhost/hositng/react/contact” 但它将进入该网址的“ http://localhost/contact”

但是当我刷新带有该网址空白页的浏览器“ http://localhost/contact”时

Answer 1

在Switch中定义的路由看起来不错。我已经用过了，而且有效。我建议在basename属性中使用相对路径，而不是绝对路径。

<BrowserRouter basename="/hositng/react" >

有关它的更多信息，BrowserRouter doc

在React js Web应用程序中进行构建后不进行路由

1 个答案: