Question

我正在构建角度应用程序，并希望将URL路由到http://localhost/sample/AngularApp/。但不想在浏览器中提供整个URL。我将给出唯一的本地主机。在angular中，在构建dist时，我们使用命令ng build --base-href=/sample/AngularApp/，并在Nginx提到的路径/usr/share/nginx/html中创建了文件夹结构/ sample / AngularApp。因此，当仍然访问应用程序时，我们在浏览器。因此，如何解决此问题以及如何在nginx.conf文件中配置该路径以自动路由URL？

Answer 1

我会采用标准配置：

server {
    listen 80;
    listen [::]:80;

    root /var/www/html/YourAngularApp/dist;
    index index.html index.htm;

    location / {        
        try_files $uri $uri/ /index.html;
    }
}

这使您有机会提供其他文件（如果找到）或退回到位于项目根目录的index.html。

现在，如果一切就绪，则应使用

构建项目

ng build --base-href=/

--base-href=/可以省略，因为它默认为/。请查看有关使用--base-href和--deploy-url

的Angular文档

如何使用Nginx服务器路由自定义URL路径？

1 个答案: