开发模式下的Angular路由不能正确重写URL
在开发模式下，Angular路由无法正确重写URL的问题可能是由于以下原因导致的：
- 配置错误：检查你的路由配置是否正确。确保你已经正确定义了路由路径和组件，并且在路由模块中进行了正确的配置。
- 服务器配置问题：如果你使用的是服务器端路由，例如使用Node.js和Express.js，你需要确保服务器配置正确。在服务器端，你需要配置一个通配符路由，以便将所有请求重定向到你的Angular应用的入口文件。
- 基础路径设置错误：Angular应用的基础路径是在构建时设置的。如果你的应用部署在子目录下，你需要在构建时指定正确的基础路径。你可以在
angular.json文件中的projects -> your-project-name -> architect -> build -> options中设置baseHref属性。 - HTML5模式配置问题：如果你使用了HTML5模式的路由，你需要确保服务器配置正确。在服务器端，你需要配置一个通配符路由，以便将所有请求重定向到你的Angular应用的入口文件。此外，你还需要在
app.module.ts文件中启用HTML5模式，并在index.html文件中添加一个基础标签。 - 缓存问题：有时候浏览器会缓存旧的路由信息，导致URL重写不起作用。你可以尝试清除浏览器缓存或在开发模式下使用无缓存模式。
总结起来，开发模式下的Angular路由不能正确重写URL可能是由于配置错误、服务器配置问题、基础路径设置错误、HTML5模式配置问题或缓存问题导致的。你可以根据具体情况逐一排查并解决这些问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云数据库 MySQL 版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb-for-mysql
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
使用Angular 8.2.0 在将Angular应用部署到web服务器时，我遇到了一个常见的问题，该服务器必须配置为重写URL以服务于index.html，以便Angular路由正常工作。我在ng serve的开发模式下运行时遇到了这个问题。 我无法创建超过一个线段的路线。],})
export class AppRoutin
浏览 22提问于2020-01-18得票数 1
3回答
run将在ASP.NET核心应用程序中的生产模式上运行import { NgModule } from '@angular/core'; providers: [{ provide: LocationStrategy, useClass: PathLocationStrategy }]在开发模式下，路由是可以<em
浏览 6提问于2017-12-20得票数 1
回答已采纳
1回答
我最近用AngularJS做了一些简单的单页面应用程序，但我从来没有使用过服务器，我在本地测试过……今天我开始上NodeJS课程，有件事困扰着我……例如，如果我在127.0.0.1:1330上有一个请求，并且有一个NodeJS服务器在监听这个地址/端口，我必须根据URL选择我将响应的数据(例如:如果URL是'/‘，我将使用index.html响应)。假设此页面使用外部脚本资源，那么我必须配置一个路由，以便在请求脚本文件时使用它进行响应，这就是我的疑问所在……
浏览 2提问于2016-11-07得票数 0
当我刷新我的网站时，我得到一个404。这是与Angular2，类型记录和火基。。当我在本地刷新时，这种情况不会发生。 { "public":
浏览 0提问于2015-12-22得票数 37
回答已采纳
2回答
找不到HTML模板
、、、
当我试图从我的模板文件夹加载一个注入的页面时，我得到了页面未找到的错误。index.html页面是我启动服务器时默认启动的页面，它也包含ng-view，因此我可以注入angular配置中指定的页面。下面是我的项目结构： flask_service.py script.js
templates/这是我的<
浏览 5提问于2015-08-08得票数 2
我的路由定义如下： function ($routeProvider, $locationProviderotherwise({ });但是，每当我以http://localhost:3000/api的身份发出请求时，它就会发出
浏览 7提问于2015-03-18得票数 4
1回答
我们正在开发一个angularjs应用程序，用户可以在其中发布他或她的个人资料作为简历。因此，例如，如果用户有已发布的配置文件，则以下url有效：但是，在以下情况下
www.page.com/public/johnsmith2345这不是一个公开的个人资料，我想展示一个404页面。问题是，由于angular的路由，我必须重定向到404
浏览 0提问于2014-06-13得票数 1
(data) { });我得到了错误代码，Status Code: HTTP/1.1 404 Not Found但是，如果我将url作为http://localhost/angular-crud/slim
浏览 2提问于2014-09-05得票数 0
回答已采纳
1回答
我使用的是Angular 7，当用户需要从一个组件切换到另一个组件时，路由工作得很快很好。但当用户按下F5时，应用程序需要很长时间才能重新加载，大约需要40秒。 你能帮我减少这段时间吗？谢谢。
浏览 25提问于2020-01-14得票数 0
1回答
我有一个控制器，它在angular中使用$location服务，但是我们只需要在HTML5模式下使用它，如果浏览器不支持history.pushstate，我们希望从控制器中省略该服务，这样它就不会重写/#/2016-17的URL，也不会进行任何路由。但是，如果您将$location注入控制器，它将使用hashbang方法自动路由。下面的代码供参考：
function SearchAdvancedController($locati
浏览 0提问于2016-10-06得票数 0
这成功地从url中删除了'#‘，但当我尝试重新加载页面时，它给出了404: page not found错误。我尝试从这个url：用.htaccess编写代码。
什么都不会改变。我也关注了粗鲁的回答，但这也没有什么帮助。
浏览 8提问于2015-12-14得票数 1
1回答
我正在开发的rails代码库支持两个web应用程序，并且当用户访问我们的域时，我们使用apache智能地重写url，例如，如果您从它被重写为我们的嵌套路由被称为。然而，这是我们的应用程序最近的一个变化，而且(显然)一些书签不能正确转发。我想要做
浏览 2提问于2011-02-23得票数 0
回答已采纳
2回答
我已经将Angular 7应用部署到Azure Storage静态网站。 Angular应用程序调用部署到.NET应用程序服务的Azure核心API。是否可以配置URL rewrite (反向代理)将Angular应用请求路由到.NET核心应用程序接口，而不必启用CORS？类似于使用Angular代理配置进行本地开发的方式？我已经读到可以在Azure CDN中使用URL重写规则，但我不太确定如何做到
浏览 24提问于2019-01-08得票数 9
我的应用程序中有多个类的列表。我正在尝试为seo目的动态地重写每个类的URL。下面是重写url模式： 类标题:使用angular的Web developer 网址：https://www.example.com/web-developer-with-angular 如果我没有重复的类名如果我有重复的类名内容出错。 我如何解决这个重复<
浏览 6提问于2020-08-04得票数 1
2回答
我正在捆绑angular2应用程序。在dev-server模式下，路由工作得非常好。但是，当我使用下面的webpack配置将应用程序部署到Tomcat服务器上时，路由不起作用。即使我也不能通过直接的url访问这个页面。例如，我想通过访问某个页面(如果您查看app.routing.ts，AppComponent映射到搜索，我将生成的.js文件放在webapps的测试目录中)，但它显示HTTP404状态。我只能通过欢迎页
浏览 1提问于2016-12-14得票数 0
我的印象是角将重写出现在tempaltes中锚标记的href属性中的URL，因此无论在html5模式还是hashbang模式下，它们都能工作。似乎说HTML重写处理了hashbang的情况。因此，我希望当不处于HTML5模式时，将插入散列，而在HTML5模式下，则不会插入散列。
然而，似乎没有进行重写。下面的示例不允许我只更改模式</em
浏览 5提问于2013-05-21得票数 179
回答已采纳
2回答
而laravels“唯一”路由是后端应用程序接口访问在/api/...上为ui提供服务的数据(基础)。我怎么才能两者都结婚呢？我的angularjs应用程序驻留在/public/ui/中，所以我目前在laravel中只有一条路由，如下所示： return Redirect它在angularjs应用程序中的工作与预期不谋而合。但是，当我调用anuglarjs<e
浏览 0提问于2017-12-04得票数 1
1回答
有一个基于角2的应用程序，有两个路由： { component: HomeComponent如何将路由器配置为使用不同来源的路由?或者至少为同一来源配置http / https？
浏览 2提问于2016-11-09得票数 0
如何让angular中的ui路由器解析到正确的状态？我登录到url中的正确目录，因为我被路由到example.us/searc
浏览 16提问于2018-01-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
