Angular2 404页上刷新本地主机

Angular2 404页上刷新本地主机,angular,angular2-routing,Angular,Angular2 Routing,//角度模块导入 从“@angular/core”导入{NgModule} 从“@angular/platform browser”导入{BrowserModule} 从'@angular/router'导入{RouterModule,Routes} 从“./nav/nav.component”导入{NavComponent} 从“./components”导入{siteComponents} 从“./loginForm/login.component”导入{loginForm} 从“./loa

//角度模块导入
从“@angular/core”导入{NgModule}
从“@angular/platform browser”导入{BrowserModule}
从'@angular/router'导入{RouterModule,Routes}
从“./nav/nav.component”导入{NavComponent}
从“./components”导入{siteComponents}
从“./loginForm/login.component”导入{loginForm}
从“./loader/loader.component”导入{LoaderComponent}
从“/routes”导入{appRoutes}
@NGD模块({
导入:[浏览器模块,
RouterModule.forRoot(批准)
],
声明:[
站点组件,
导航组件,
loginForm,
装载机部件
],
引导:[siteComponents,LoaderComponent]
})

导出类AppModule{}
尝试按如下方式打开forRoot上的哈希标志:

RouterModule.forRoot(appRoutes, {useHash: true,})

尝试按如下方式打开forRoot上的哈希标志:

RouterModule.forRoot(appRoutes, {useHash: true,})

无论何时刷新浏览器,它都会尝试点击site.domain/actual-route,这显然是不存在的。一种方法是按照Jota的建议切换到散列导航。但html5导航并不难实现

  • 使用更可定制的后端,如express.js

    var express = require('express');
    var path = require('path');
    var router = express.Router();
    
    router.use('/', express.static('app', { redirect: false }));
        router.get('*', function (req, res, next) {
        res.sendFile(path.resolve('app/index.html'));
    });
    
    module.exports = router;
    
  • 试一试
  • 配置nginx或apache重定向到index.html。Apache示例:

    RewriteEngine on
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule . index.html [L]
    

  • 无论何时刷新浏览器,它都会尝试点击site.domain/actual-route,这显然是不存在的。一种方法是按照Jota的建议切换到散列导航。但html5导航并不难实现

  • 使用更可定制的后端,如express.js

    var express = require('express');
    var path = require('path');
    var router = express.Router();
    
    router.use('/', express.static('app', { redirect: false }));
        router.get('*', function (req, res, next) {
        res.sendFile(path.resolve('app/index.html'));
    });
    
    module.exports = router;
    
  • 试一试
  • 配置nginx或apache重定向到index.html。Apache示例:

    RewriteEngine on
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule . index.html [L]
    

  • 使用ng cli再次全面启动应用程序,一切正常。

    使用ng cli再次全面启动应用程序,一切正常。

    好的。非常感谢。我试试,好的,尼克。非常感谢。将尝试。此解决方案毫无帮助,您只是决定忽略问题。此解决方案毫无帮助,您只是决定忽略问题。