htaccess 搭配 angular 10 放在二级目录

Fork Me On Github

angular 项目打包放在二级目录

例如:

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

那么 需要设置

index.html

html
 
 <base href="/backend/">
1

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

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

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

 
http://localhost:4200/backend/home
1

打包生成的网址也会是

 
http://zodream.cn/backend/home
1

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

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

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

    RewriteEngine On

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

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

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

点击查看全文
标签: angular
0 481 0
在 angular 项目中实现对页面的访问控制
按下回车键,焦点移动到下一个表单或提交表单
使用ng-template 显示tree结构数据
使用 ViewContainerRef.createComponent 替代 ComponentFactoryResolver
angular 12使用 KaTex 显示 AsciiMath 格式的公式
43.5 ms
系统信息
Execution time43.5 ms
CPU usage user + system58 % + 12 %
Peak of allocated memory7.16 MB
Included files227
Classes + interfaces + traits141 + 29 + 26
Your IP18.221.158.39
Server IP172.21.0.9
HTTP method / response codeGET / 200
PHP8.4.2
Zodream5.1.0
Servernginx/1.27.3
运行信息
start0.0 ms
match route15.0 ms
controller response3.7 ms
db engine init6.4 ms
db engine end0.7 ms
db init end0.0 ms
view render7.2 ms
end43.8 ms
Queries(13)
[0.34ms] SELECT * FROM `blog` WHERE id = ? LIMIT 1
[0.28ms] SELECT * FROM `blog_term`
[0.62ms] SELECT term_id,COUNT(*) as count FROM `blog` WHERE parent_id = ? GROUP BY term_id
[0.47ms] SELECT id,language FROM `blog` WHERE parent_id = ?
[0.2ms] SELECT `tag_id` FROM `blog_tag_relationship` WHERE blog_id = ?
[0.2ms] SELECT id,name FROM `blog_tag` WHERE id in (?)
[0.18ms] SELECT `blog_id` FROM `blog_tag_relationship` WHERE tag_id in (?) and blog_id <> ?
[0.49ms] SELECT id,title,thumb,parent_id,language,description,created_at FROM `blog` WHERE publish_status = ? and id in (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?) and language = ? ORDER BY created_at DESC LIMIT 5
[0.2ms] SELECT `content`,`name` FROM `blog_meta` WHERE blog_id = ?
[0.19ms] SELECT id,name,avatar FROM `user` WHERE id in (?)
[0.27ms] SELECT id,title,thumb,parent_id,language,description,created_at FROM `blog` WHERE id < ? and language = ? and publish_status = ? ORDER BY id DESC LIMIT 1
[0.23ms] SELECT id,title,thumb,parent_id,language,description,created_at FROM `blog` WHERE id > ? and language = ? and publish_status = ? ORDER BY id ASC LIMIT 1
[0.21ms] SELECT * FROM `ad_position` WHERE code = ? and status = ? LIMIT 1
Views(5)
[Rendered] Module/Blog/UserInterface/layouts/header.php : 0.53ms
[Rendered] Module/Blog/UserInterface/Home/content.php : 2.75ms
[Rendered] Module/Blog/UserInterface/layouts/footer.php : 0.08ms
[Rendered] Module/Blog/UserInterface/Home/detail.php : 8.23ms
[Rendered] UserInterface/Home/layouts/main.php : 1.17ms