angular 中配置跨域

1. 新建一个 proxy.conf.json

{

"/search": {

"target": "https://wenku.baidu.com/search",

"secure": false,

"changeOrigin": true

},

"/getnotice": {

"target": "https://wenku.baidu.com/message/getnotice",

"secure": false,

"changeOrigin": true

},

"/api": {

"target": "https://wenku.baidu.com",

"secure": false,

"changeOrigin": true

}

}

2. 在 package.json 中

{

"name": "angular-demo",

"version": "0.0.0",

"scripts": {

"ng": "ng",

"start": "ng serve --proxy-config proxy.config.json",

"build": "ng build",

"test": "ng test",

"lint": "ng lint",

"e2e": "ng e2e"

},

"private": true,

"dependencies": {

"@angular/animations": "~8.1.1",

"@angular/common": "~8.1.1",

"@angular/compiler": "~8.1.1",

"@angular/core": "~8.1.1",

"@angular/forms": "~8.1.1",

"@angular/platform-browser": "~8.1.1",

"@angular/platform-browser-dynamic": "~8.1.1",

"@angular/router": "~8.1.1",

"axios": "^0.19.0",

"redux": "^4.0.4",

"rxjs": "~6.4.0",

"tslib": "^1.9.0",

"zone.js": "~0.9.1"

},

"devDependencies": {

"@angular-devkit/build-angular": "~0.801.1",

"@angular/cli": "~8.1.1",

"@angular/compiler-cli": "~8.1.1",

"@angular/language-service": "~8.1.1",

"@types/node": "~8.9.4",

"@types/jasmine": "~3.3.8",

"@types/jasminewd2": "~2.0.3",

"codelyzer": "^5.0.0",

"jasmine-core": "~3.4.0",

"jasmine-spec-reporter": "~4.2.1",

"karma": "~4.1.0",

"karma-chrome-launcher": "~2.2.0",

"karma-coverage-istanbul-reporter": "~2.0.1",

"karma-jasmine": "~2.0.1",

"karma-jasmine-html-reporter": "^1.4.0",

"protractor": "~5.4.0",

"ts-node": "~7.0.0",

"tslint": "~5.15.0",

"typescript": "~3.4.3"

}

}

原文地址:https://www.cnblogs.com/monkey-K/p/11621837.html

时间: 2024-11-10 13:27:43

angular 中配置跨域的相关文章

3-vue-cli中配置跨域

将config下面的index.js中的proxyTable:{}内替换下面即可 proxyTable: { '/': { target: 'http://localhost:8083', //自行更改 changeOrigin: true, pathRewrite: { '^/': '' } } } 更改配置文件就要重新启动项目才能生效. 原文地址:https://www.cnblogs.com/gfbzs/p/12336948.html

nginx中配置跨域支持功能

vi /etc/nginx/nginx.conf 加入如下代码 http {  ###start####  add_header Access-Control-Allow-Origin *;  add_header Access-Control-Allow-Headers X-Requested-With;  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;  ###end ###} :wq!保存 service nginx re

System.Web.Http.Cors配置跨域访问的两种方式

System.Web.Http.Cors配置跨域访问的两种方式 使用System.Web.Http.Cors配置跨域访问,众多大神已经发布了很多文章,我就不在详细描述了,作为小白我只说一下自己的使用心得.在webapi中使用System.Web.Http.Cors配置跨域信息可以有两种方式.  一种是在App_Start.WebApiConfig.cs的Register中配置如下代码,这种方式将在所有的webapi Controller里面起作用. using System; using Sys

在ASP.NET 5应用程序中的跨域请求功能详解

在ASP.NET 5应用程序中的跨域请求功能详解 浏览器安全阻止了一个网页中向另外一个域提交请求,这个限制叫做同域策咯(same-origin policy),这组织了一个恶意网站从另外一个网站读取敏感数据,但是一些特殊情况下,你需要允许另外一个站点跨域请求你的网站. 跨域资源共享(CORS:Cross Origin Resources Sharing)是一个W3C标准,它允许服务器放宽对同域策咯的限制,使用CORS,服务器可以明确的允许一些跨域的请求,并且拒绝其它的请求.CORS要比JSONP

ASP.NET MVC中设置跨域

ASP.NET MVC中设置跨域 1.什么是跨域请求 js禁止向不是当前域名的网站发起一次ajax请求,即使成功respone了数据,但是你的js仍然会报错.这是JS的同源策略限制,JS控制的并不是我们网站编程出现了问题.客户端(网页)和后台编程都可以有效解决这个问题.客户端可以通过JSONP来完成跨域访问:在ES6中为了解除同源策略问题,想出一个办法:当被请求网站为响应头respone添加了一个名为Access-Control-Allow-Origin的header,设置其值等于发起请求网站的

nginx配置跨域、gzip加速、代理详细讲解

1.配置跨域 这个很简单,直接打开配置nginx.conf ,在http下配置下面三行代码:当然如果你是想某一个虚拟主机下跨域,那就在哪个server下面添加 add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers X-Requested-With; add_header Access-Control-Allow-Methods GET,POST,OPTIONS; 2.配置gzip,压缩访

vue开发环境配置跨域,一步到位

本文要实现的是:使用vue-cli搭建的项目在开发时配置跨域,上线后不做任何任何修改,接口也可以访问,前端跨域解决方案 production:产品 生产环境 development:开发 开发环境 1.开发环境设置跨域 使用工具:vue-cli自带的配置 配置目录 /config/index.js //自行复制黏贴 proxyTable: { '/apis':{ target: 'http://10.1.63.26:19080/', // 后台api changeOrigin: true, //

ASP.NET中Cookie跨域的问题及解决代码

ASP.NET中Cookie跨域的问题及解决代码 http://www.liyumei.net.cn/post/share18.html Cookies揭秘  http://www.cnblogs.com/zhangziqiu/archive/2009/08/06/cookies-javascript-aspnet.html 最近在项目开发中遇到一个很棘手的问题,一个用户在顶级域名登录后,跳转到自己所拥有的二级域名下管理二级网站时,cookie丢失了,一直找解决办法找了整整两天,百度谷歌一大堆,

php中ajax跨域请求---小记

php中ajax跨域请求---小记 前端时间,遇到的一个问题,情况大约是这样: 原来的写法: 前端js文件中: $.ajax({ type:'get', url:'http://wan.xxx.com/xxx.js', success:function(data){ ......... } }) 很简单的一个ajax请求:后面在做迁移的时候,由于系统目录的安排,js文件放到了,img.xxx.com域名下,这样就设计到了跨域问题,于是就改成了这样: $.ajax({ type:'get', ur