美文网首页
前端后端分离的angular配置

前端后端分离的angular配置

作者: itachi | 来源:发表于2018-11-18 21:54 被阅读17次

    这几天接触到的项目是前端和后端分离的,前端使用了angular,原来没有接触过这方面的项目,咋一上手懵逼了,在不修改ajax访问路径的情况下如何实现与后台的交互?前期查到的一些资料作用不大,直到看到了一篇博客《angular2 使用更改默认端口,并配置proxy.config.json进行跨域访问》才解决问题。
    思路就是用angular-cli代理配置来解决跨域请求问题:

    1. 创建一个proxy.config.json配置文件
        {
          "/****(你所需要拦截的请求)": {
            "target": "http://localhost:8080"(你要进行转发的路径)
          }
        }
    
    2. 在package.json中修改start
        "scripts": {
            "ng": "ng",
            "start": "ng serve --proxy-config proxy.config.json",(修改后)
            "build": "ng build",
            "test": "ng test",
            "lint": "ng lint",
            "e2e": "ng e2e"
        },
    

    设置完成后,在IDEA中再次启动angular项目就OK了

    相关文章

      网友评论

          本文标题:前端后端分离的angular配置

          本文链接:https://www.haomeiwen.com/subject/xkrnfqtx.html