今天完成的事情：

F-文章列表-新增页面（完成）    

F-文章列表-输入框验证（完成）

F-文章列表-文章详情渲染(完成)

明天计划的事情：

 F-文章列表-富文本

F-文章列表-搜索功能接口

遇到的问题：

在调试接口的时候反向代理出现问题

在后端给我假数据让我调试接口的时候我写的反向代理是

 "/a/": {

    "target": "http://118.126.113.248:21022",

    "secure": "false",

    "changeOrigin": true,
 }

半天访问不了报错是504，什么原因呢。

因为后面端口拦截名它没有写，因为我/a/代表这后面的IP地址，而他的访问接口是

*http://118.126.113.248:21022/all/articles

我传过去的是

http://118.126.113.248:21022/a/all/articles

它没有写拦截名，拦截有a情况怎么处理。

最后我又重新写了一个

"pathRewrite": {      "^/a/": "/"    }

这个代码的意思是把我/a/转换为空也就是传过去只有

http://118.126.113.248:21022/all/articles

这是我的简单理解应该还有

收获：

 <input nz-input placeholder="default size" nzSize="default" class="inputBT" />

angular UI组件库自带的input输入宽有些东西是可以通过API进行调试有些是angular文档里面的

验证表单

1.required：

这个意思是必填项也就是说如果不输入文字会配合UI组件给出提示让你填写。

2.maxlength

限制最大输入数字为多少。

angualr反向代理

angular的反向代理和nginx的代理是不一样的这一点还没弄清楚（以后再补）

反向代理

你要在angular根目录自己创建一个josn文件proxy.conf.json

这个名字好像百度有些不一样但最后json必须加上：

{

  "/a/": {

    "target": "http://118.126.113.248:21022",

    "secure": "false",

    "changeOrigin": true,

    "pathRewrite": {
      "^/a/": "/"
    }

  }

}

文件配置好类容。

需要反向代理是因为，要通过我这个台电脑要访问后台数据。那么我这台地址是不访问不了其他地址的需要配置反向代理。

因为同源的原因：

1.域名相同

2.端口相同

3.协议相同

网上找到的 前面http为协议,a.xyz.com为域名,后面文件路基不一样但可以访问。

如：81端口号必须相同 如果端口号不同那么也访问不了后台数据的。

同源策略是什么

同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以xyz.com下的js脚本采用ajax读取abc.com里面的文件数据是会被拒绝的。

同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。