博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular4 反向代理Details
阅读量:7260 次
发布时间:2019-06-29

本文共 979 字,大约阅读时间需要 3 分钟。

1. 设置proxy.config.json文件

{  "/api": {    //这里是前台调用后端接口时做的代理标识    "target": "localhost:3100",    "logLevel": "debug",    "secure": false,    "changeOrigin": true,    "pathRewrite": {      "^/api": ""    }  }}

注意:pathRewrite 部分的配置,"pathRewrite": {"^/api": ""} 如果没有这部分的配置,那在发送请求的时候,实际请求的地址将会是http://localhost:3100/api/actionapi/。相较于真实url,会多出/api这一部分。

2. 设置service的url

//这里的api表示代理标识//实际的访问url应该是:http://localhost:3100/actionapi/const wcfPath = '/api/actionapi/';

3. 设置package.json文件

"scripts": {    "ng": "ng",    "build": "ng build --prod --aot --build-optimizer",    "start:dev": "ng serve --proxy-config proxy.conf.json --open",    "start:aot": "ng serve --prod --aot --proxy-config proxy.conf.json --open",    "test": "ng test",    "lint": "ng lint",    "e2e": "ng e2e"  }

再重新npm run start:dev启动一下项目,应该就能启用angular反向代理了。

**顺便再补充一下webpackangularproxy地址:

https://webpack.js.org/configuration/dev-server/#devserver-proxy
https://github.com/angular/angular-cli/wiki/stories-proxy**

转载地址:http://iakdm.baihongyu.com/

你可能感兴趣的文章
Fundebug计费标准解释:事件数是如何定义的?
查看>>
Elasticsearch Query DSL基础介绍
查看>>
不同项目配置不同的 Git 账号
查看>>
基于 Module 的 Laravel API 架构
查看>>
springboot+多线程简单实现
查看>>
警惕!这7件事情千万不要发生你身上-来自15年程序员的忠告
查看>>
什么是OOP(面向对象编程)?
查看>>
12. Integer to Roman
查看>>
使用noode.js创建一个服务器
查看>>
封装框架的实践
查看>>
5分钟学会开发浏览器扩展
查看>>
最新阿里内推Java后端面试题
查看>>
【修真院“善良”系列之十】初级Java程序员的学习路线
查看>>
Spring Cloud -Zuul
查看>>
聊聊storm的LoggingMetricsConsumer
查看>>
Ghost配置1——删除社交Link
查看>>
keras入门(三)搭建CNN模型破解网站验证码
查看>>
如何编写Go代码
查看>>
慕课网_《RabbitMQ消息中间件极速入门与实战》学习总结
查看>>
一个基于Node.js的本地快速测试服务器
查看>>