Angular 6-在不使用直接链接的路径下发布
Angular 6是一种流行的前端开发框架，它可以帮助开发人员构建现代化的单页应用程序。在不使用直接链接的路径下发布Angular 6应用程序，可以通过以下步骤实现：
- 构建应用程序：使用Angular CLI（命令行界面）工具构建应用程序。在命令行中导航到项目目录，并运行以下命令来构建应用程序：ng build --prod这将生成一个名为"dist"的目录，其中包含构建后的应用程序文件。
- 配置服务器：将应用程序文件部署到一个服务器上。可以使用各种服务器，如Apache、Nginx等。确保服务器已正确配置，以便在不使用直接链接的路径下正确访问应用程序。
- 配置路由：在Angular应用程序中，可以使用路由来定义不同路径下的组件。在应用程序的路由配置文件（通常是"app-routing.module.ts"）中，确保设置了正确的路径和对应的组件。
- 服务器重定向：为了在不使用直接链接的路径下正确访问应用程序，需要在服务器上进行重定向配置。具体的配置方法取决于所使用的服务器。以下是一些常见服务器的重定向配置示例：
- Apache服务器： 在Apache的配置文件（如httpd.conf）中，使用"mod_rewrite"模块来进行重定向配置。例如，可以添加以下规则：RewriteEngine On RewriteBase / RewriteRule ^(.*)$ /index.html [L]这将把所有请求重定向到"index.html"文件，从而使Angular应用程序能够处理这些路径。
- Nginx服务器： 在Nginx的配置文件（如nginx.conf）中，使用"try_files"指令来进行重定向配置。例如，可以添加以下指令：location / { try_files $uri $uri/ /index.html; }这将尝试查找请求的文件或目录，如果找不到，则重定向到"index.html"文件。
- 部署应用程序：将构建后的应用程序文件（位于"dist"目录中）上传到服务器上的相应位置。确保文件的路径与服务器配置中的路径一致。
- 测试应用程序：通过访问服务器上的应用程序URL来测试应用程序。确保应用程序在不使用直接链接的路径下能够正常运行。
总结：
在不使用直接链接的路径下发布Angular 6应用程序，需要构建应用程序、配置服务器、配置路由、进行服务器重定向，并最终部署应用程序。通过这些步骤，可以确保应用程序能够在不使用直接链接的路径下正确运行。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云域名注册：https://cloud.tencent.com/product/domain
相关·内容
我有一个Angular 6应用程序，它在开发时工作得很好。导航到不同的路线运行良好。当我使用ng serve -o时，我只需打开浏览器，转到就可以了……如果在主页中单击登录，我将转到 ...一切都很好。即使我不单击登录按钮，而是在浏览器、或任何其他路径中输入，它也可以正常工作。现在，我必须将此应用程序发布到路径：http://example.com/mypath。我用这个命令构建：ng build --prod --build-optimi
浏览 0提问于2018-08-08得票数 1
回答已采纳
我想在Cordapp中使用Angular 6，它运行在4200端口，直接放在Java-Source/Src/main/Resouces下。每个节点的web应用都在http://localhost:10009/web/example/和http://localhost:10011/web/example/上运行。
如何配置节点设置？我想在inCordapp中使用
浏览 4提问于2018-08-15得票数 0
6回答
我试着用ng new angular-6-boilerplate创建一个新的角项目，但是我不能再用角cli的最新版本了。我正在使用windows终端来创建我的项目，但是我得到了这个错误。模式输入不验证架构：{“名称”：“角-6-样板”，“版本”：“6.1.2”，“newProjectRoot”：“项目”，"skipInstall":false，"linkCli":false，"skipGit":false，&q
浏览 0提问于2018-08-04得票数 17
回答已采纳
如何在不指定确切链接的情况下创建组件的路径？例如，下面我想为这样一个链接/list/:id/(any string)创建一个路径 path: 'list/:id/',因此，/list/5/Angular-Components和/list&#x
浏览 0提问于2018-06-07得票数 1
我正在尝试设置一个带有Angularjs 2的sails js应用程序。我想使用angularJS系统路由，而不使用sails js系统。import {View, Component} from 'angular2/core';])
export c
浏览 1提问于2016-02-24得票数 1
我想在app.js中用node.js设置静态路径。如下面的public文件夹中的设置：当我使用模板引擎时，例如mustache https://mustache.github.io/，您可以使用模板中的相对路径来设置它，以获得照片a.jpg，如下所示：
<img src="./a.jpg"
浏览 1提问于2018-09-05得票数 0
对于angular版本6应用程序，我运行命令ng build，它成功地生成了dist文件夹。但是我的index.html不是直接位于dist下，目录结构看起来像dist/project_name/index.html.我需要做什么更改才能直接在dist文件夹下获得index.html。我需要这个路径的expressjs代码，并希望它是通用的，不包含项目名称。
谢谢!
浏览 65提问于2018-07-21得票数 1
回答已采纳
我正在使用html5模式下的angularjs。它似乎控制了页面上的所有href。但是，如果我想要在应用程序的同一域中有一个链接，但实际上不是在应用程序中，那该怎么办？pdf就是一个例子。如果我这样做了，<a href="/pdfurl"> angular将尝试使用html5mode并使用路由提供者来确定应该加载哪个视图。但实际上我希望浏览器以正常的方式转到
浏览 3提问于2013-05-30得票数 77
回答已采纳
我正在尝试使用AngularJS路由实现类似于JQueryMobile的幻灯片过渡。我可以尝试创建一个利用此解决方案的指令：，但我想先问一下是否有现成的东西。
浏览 1提问于2013-02-28得票数 2
回答已采纳
1回答
默认情况下，在以发布模式编译Visual项目时，pdb的完整路径将放入图像文件中，例如：使用无文档链接器开关(/pdbpath:none)可以强制Visual 2008减少pdb的完整限定名，例如：对于仍然使用VC6构建的项目，我也需要这样做。我在项目设置级别尝试了"/pdbp
浏览 1提问于2011-09-29得票数 10
在angular.js中，有没有一种内置的方法来根据已经指定的$routeProvider构造URL？类似于Rails的url_for：或者ASP.NET MVC的Url.Action / Url.RouteUrl
浏览 0提问于2013-05-24得票数 1
回答已采纳
1回答
我有windows 10主机和Ubuntu14.04LTS在迷航盒下。具有符号链接权限的共享文件夹@angular/compiler-cli: 2.4.1
所有操作都很好(通过共享文件夹)，
浏览 3提问于2016-12-29得票数 3
可以从Visual 2013发布对话框和命令行MsBuild中使用发布配置文件来发布Visual网站，如本问题中所解释的那样但是，我希望完全摆脱发布概要文件，并从命令行执行所有操作--因为
浏览 7提问于2015-11-16得票数 10
回答已采纳
我在Visual 2013 Express中使用boost。Error 1 error C1083: Cannot open include file: 'boost/filesystem.hpp': No such fileor directo
浏览 19提问于2015-08-25得票数 7
任何到我的angular应用程序的直接链接都会出现在网站的首页。我可以做什么来允许直接链接到我的网站的特定部分？例如，在我的angular应用程序中，如果有人点击我的关于页面的导航链接，他们就会很好地到达那里。地址栏显示为"“。然而，如果他们直接输入url，他们最终会出现在站点首页(url是：)。没有
浏览 1提问于2014-02-07得票数 0
我的$routeProvider配置如下： $locationProvider.html5Mode(true);在应用程序中，如果我单击一个链接，如<a但是，当我手动将地址栏中的URL更改为完
浏览 0提问于2013-03-06得票数 13
回答已采纳
我创建了一个名为my-book(文件夹)的应用程序，其中有两个文件夹叫做my-book-frontend和my-book-backend，这两个文件夹是为React和NodeJS构建的。谁可以帮助做，请，因为我不能理解如何上传我的应用程序文件夹，其中有my -book-前端和my-book-后端的程序。
浏览 12提问于2020-04-24得票数 0
我尝试在windows平台下使用ElasticSearch中的CURL命令查询。
例如：localhost:9200/playground/equipment/1?
浏览 0提问于2014-04-21得票数 1
回答已采纳
我试图通过命令提示符(create.bat hello-world "Hello“)在救生圈中使用plugin创建portlet，但每次出现以下错误时，我都会这样做。
无法解决配置的所有依赖关系“：类路径”。无法解决共用-编解码:共用-编解码:1.9。所需：：救生筏-插件-SDK6.2:未指定的无法获得‘blic/commons-codec/commons-codec/1.9/commons-codec-1.9.pom'.
浏览 2提问于2015-04-29得票数 0
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
腾讯云开发者
