首页 > 其他分享 >【Angular】部署github.io上

【Angular】部署github.io上

时间:2023-05-05 16:33:16浏览次数:49  
标签:github io -- referrer GitHub https docs Angular 页面


看angular官网的教程,发下这个就试了下,有坑啊!! emmm,官网介绍如下:

https://angular.cn/guide/deployment

发布到 GitHub pages(页面服务)link

另一种发布 Angular 应用的简单途径是使用 GitHub Pages

  1. 你需要创建一个 GitHub 账号(如果没有的话),然后为你的项目创建一个仓库。记下 GitHub 中的用户名和项目名。
  2. 使用 Angular CLI 命令 ng build 来构建这个 GitHub 项目,选项如下:
content_copy
ng build --prod --output-path docs --base-href //

当构建完成时,把 docs/index.html 复制为 docs/404.html

  1. 提交你的更改,并推送。
  2. 在 GitHub 的项目页中,把该项目配置为从 docs 目录下发布

你可以到 https://<user_name>.github.io/<project_name>/ 中查看部署好的页面。

 

可能是我的项目路由配置不同,打开页面一直404啥的。

 

我的方案

一、新建repository

【Angular】部署github.io上_官网

 

二、打包angular项目、

ng build --prod --aot

三、将项目push到仓库中

打开:https://xguan2014.github.io/user/login 即可

 

四、有坑的地方

调用api接口有问题:

【Angular】部署github.io上_github_02

Referrer Policy: no-referrer-when-downgrade

网上解释:

          从一个网站链接到另外一个网站会产生新的http请求,referrer是http请求中表示来源的字段。
no-referrer-when-downgrade表示从https协议降为http协议时不发送referrer给跳转网站的服务器

 no-referrer

任何情况下都不发送referer

no-referrer-when-downgrade

在同等安全等级下(例如https页面请求https地址),发送referer,但当请求方低于发送方(例如https页面请求http地址),不发送referer

 

后面将api改成https的也不成!

标签:github,io,--,referrer,GitHub,https,docs,Angular,页面
From: https://blog.51cto.com/u_11566683/6246578

相关文章

  • post请求application/x-www-form-urlencoded
    importorg.springframework.http.HttpHeaders;importorg.springframework.http.MediaType;importorg.springframework.web.client.RestTemplateimportorg.springframework.util.MultiValueMap;importorg.springframework.util.LinkedMultiValueMap;importorg.springfra......
  • Exploiting Cloze Questions for Few Shot Text Classification and Natural Language
    ExploitingClozeQuestionsforFewShotTextClassificationandNaturalLanguageInference  论文全程及链接:《ExploitingClozeQuestionsforFewShotTextClassificationandNaturalLanguageInferenceTimo》项目地址:https://github.com/timoschick/pet  ......
  • 【SpringBoot】【二】 SpringApplicationRunListeners 监听器执行过程详解
    1 前言我们看到SpringBoot启动的时候,会在每个时机执行监听器,这节我们就来看看,加载监听器的过程我们就不说了哈,上节说过了哈,本节我们主要看:(1)SpringApplicationRunListeners的创建过程(2)监听器的执行时机有哪些(3)监听器的执行过程三个方面来看哈。2 使用在看之前,我们先......
  • ssh远程连接报错ssh_exchange_identification: Connection closed by remote host
    被远程主机拒绝此类报错为原因1:ssh连接数量过多导致如果问题是偶尔能登录一次,大多不能登录,建议往第一点方向排查[root@localhost~]#cat/etc/ssh/sshd_config|grepMaxSessions#MaxSessions10[root@localhost~]#cat/etc/ssh/sshd_config|grepMaxStart#MaxStartups10......
  • Docker 部署 Gitea Actions
    Gitea在1.19版本正式支持了GiteaActions而运行GiteaActions的前提是注册一个跑步者(目前,actrunners是唯一的选择)。官方介绍地址:https://gitea.com/gitea/act_runner二进制下载地址:https://dl.gitea.com/act_runner/当然,二进制部署不是本文的重点1.使用Docker部署dockerru......
  • Asia Dhaka Regional Contest C (阶乘分解)
    原题点这前置知识点:阶乘分解可看这篇博客题意:给出\(n\),问\(n!\)的因子的因子的个数和。思路:学会上面的阶乘分解之后,我们能一眼看出来这道题也一定跟它有关系,所以我们按照惯例先对\(n!\)进行质因数分解。n!=\({p_1}^{a_1}\times\)\({p_2}^{a_2}\)\(\times\)\({p......
  • 通过map+Function优化if else
    需求背景在实际项目中,好比在一个简单的订单处理系统,其中订单有不同的状态(比如新建、已支付、已发货、已收货等),为了实现基于状态机的逻辑处理,我们可以通过switch(状态)去对应不同状态的处理逻辑。1publicStringprocess2(){2switch(status){3c......
  • AWS Serverless Lambda Function架构设计的几种方式
    如何构建大型Serverless应用从路由方式上,Lambda大致可以分为三种架构方式1:单体应用式这种方式和传统RESTAPI很相似,以nodejs为例,在service内部使用express框架作路由,如下图所示代码示例如下constexpress=require('express')constapp=express()app.listen(80,()=>......
  • Educational Codeforces Round 147 (Rated for Div. 2) (贪心)
    原题链接:https://codeforces.com/contest/1821/problem/D*题意:从1开始走,走的给定区间的值要k次。且shift按了要松开,代表走了一个区间除了往右的次数,还要多两次按shift的次数,求最小次数。*思路:1.先把不可能的情况列出来,就是给出的区间大小小于k时直接输出-12.我的思路是暴......
  • Typora+MinIO+Python代码打造舒适协作环境
    作者:IT王小二博客:https://itwxe.com不知不觉大半年没更新了...前面小二介绍过使用Typora+MinIO+Java代码打造舒适写作环境,然后有很多大佬啊,说用Java来实现简直是杀鸡用上牛刀,小二想了想,确实有点...正好小二最近在学习Python,所以咱们就改用Python实现一版。安装MinIO安装参考......