Firebase中子目录中的角路由问题

时间:2019-05-08 23:03:38

标签: angular routes

我正在尝试构建angular 7基本应用程序,其中输出目录为dist / oe2020,其中创建了所有公共文件。我也在index.html中设置了baseUrl,例如:

          function initMap() {

            var geocoder = new google.maps.Geocoder();
            var address = "1010 s westwood blvd, westwood, CA";
            /* document.getElementById('#event-address-input').value; */

            geocoder.geocode({
              'address': address
            }, function (results, status) {

              if (status == google.maps.GeocoderStatus.OK) {
                var latitude = results[0].geometry.location.lat();
                var longitude = results[0].geometry.location.lng();
                alert(latitude + ", " + longitude);

              }
              // var myLatlng = new google.maps.LatLng(parseFloat(results.geo.lat), parseFloat(results.geo.lon));
              var dot = {
                lat: latitude,
                lng: longitude
              };

              map = new google.maps.Map(
                document.getElementById('googleMap'), {
                  center: {
                    lat: 34.052234,
                    lng: -118.243685
                  },
                  zoom: 9
                }
              );


              var marker = new google.maps.Marker({
                position: dot,
                map: map,

              });
              marker.addListener('click', function () {
                infowindow.open(map, marker);
              });
            });


            infoWindow = new google.maps.InfoWindow();
            google.maps.event.addListener(map, 'click', function (event) {
              addMarker({
                coords: (latitude + " " + longitude)
              });
            });

当我加载应用程序时,它会随索引页面一起加载。但是我也有一条带有home组件的路由,该路由在app.routing.module.ts文件中设置为:

baseUrl="/oe2020/"

如果删除/ home,则会显示索引页面,但您具有/ home路由,则其尝试在主目录中查找index.html。 但是令人惊奇的是,当我将Hash与提供者集成在路由URL中时,相同的设置可以很好地工作。

1 个答案:

答案 0 :(得分:0)

好,我知道了。我必须在firebase.json中设置重写,例如:

"rewrites": [
  {
    "source": "**",
    "destination": "/oe2020/index.html"
  }
]