Fork Me On Github

angular 项目打包放在二级目录

例如:

把一个项目放在 backend 文件夹下

那么 需要设置

index.html

 <base href="/backend/">

最好把所有页面放在一个 backend 的路由下

{
    path: 'backend',
    loadChildren: () => import('./backend/backend.module').then(m => m.BackendModule)
}

这样在本地使用时生成的网址时

http://localhost:4200/backend/home

打包生成的网址也会是

http://zodream.cn/backend/home

但是这是刷新页面的话并不能指向 angular 程序

需要在网站根目录加上一个 .htaccess 的文件(PS:我用的时apache)

<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews -Indexes
    </IfModule>

    RewriteEngine On

    RewriteRule ^backend/[^\.]+$ backend/index.html
</IfModule>

加上一句 RewriteRule ^backend/[^\.]+$ backend/index.html 就把路径指向 angular 程序了。

再次刷新网址 http://zodream.cn/backend/home 就能争取打开了

点击查看全文
标签: angular
0 8 0