首页 > 解决方案 > 如何在 Laravel 中部署 Angular 5 项目?

问题描述

如何在 Laravel 中部署 Angular 5 项目的构建?我正在 Laravel 中部署 Angular 的构建文件,它工作正常,但是当我在路由到任何页面后刷新时显示 404。原因是它将使用该 URL 检查后端中的控制器。我试图通过使用哈希策略来避免这个问题,但我认为这不是一个好主意。所以请帮我解决这个问题。

标签: phpangularlaravelangular5

解决方案


Angular 问题中所述,使用以下.htaccess文件在刷新时加载相同的角度页面。

<IfModule mod_rewrite.c>
    RewriteEngine on

    # Don't rewrite files or directories
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]

    # Rewrite everything else to index.html
    RewriteRule ^ index.html [L]
</IfModule>

如果您的 index.html 文件不在您的根文件夹中,那么您必须更改index.htmlindex.html存在的路径,

就像我index.html在里面一样,resources/views/我将把规则.htaccess写成:

RewriteRule ^ resources/views/index.html [L]

推荐阅读