1. 程式人生 > >Angular 的 $http 跨域的問題

Angular 的 $http 跨域的問題

跨域的問題一直存在開發中

情形: 即使服務端設定了
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: X-Requested-With');
前端在獲取的時候還是隻能get,但是post依會獲取失敗,提醒跨域了

解決辦法 :

服務端:
例如php伺服器,在post介面處加上如下的程式碼

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: X-Requested-With');

前端:
在angular的$http中按照如下要求寫:

$http({
    url:"API",
    method:"post",
    headers:{
        'content-Type':'application/x-www-form-urlencoded'
    },
    data:{
        name:"kevin",
        age:"18"
    }
}).success(function(data,status, headers, config){
        console.log("sucess...");
   })
  .error
(function(data,status,headers,config){ console.log("error..."); })

以上就是主要的問題和解決辦法

相關推薦

Angular http

lencod cti ces gpo success ont nco lar name var app = angular.module(‘Mywind‘,[‘ui.router‘]); app.controller(‘Myautumn‘,function($scope,$

HTTP研究

CORS(Cross-origin resource sharing) “跨域資源共享” 在出現CORS標準之前, 我們還只能通過jsonp(jsonp跨域請求詳解)的形式去向“跨源”伺服器去傳送 XMLHttpRequest 請求,這種方式吃力不討好

http時的options請求

1、背景   在前後端分離的專案中經常會遇到跨域請求的問題,如果沒有進行跨域配置,會瀏覽器請求失敗。我一般採用兩種解決方案:   1、採用nginx進行轉發,是前後端服務處於同一個域下面,從根本上避免跨域問題。   2、後端服務做一些配置,允許請求跨域,從而解決瀏覽器跨域問題。但是有時候瀏覽器還會發送O

http 請求header設定--cors

Cross-Origin Resource Sharing (CORS) 跨域:頁面開啟的http與請求的http的地址不一樣 (看位址列和你的請求url域名或ip) //跨域的瀏覽器會讓請求帶Or

nodejs demo 以及 http設定 請求頭設定

1.請求header設定由於瀏覽器的同源策略,造成了許多的跨域操作無法完成。所以需要在服務端新增允許跨域和許多請求頭的限制。如下在埠8088和8888分別啟動了一個服務,用8088啟動的服務去請求8888的介面。報錯如下:這是瀏覽器發現埠號不對,攔截了請求。其實請求是已經成功

http請求

package com.cn.jg.util; import java.io.IOException; import java.io.UnsupportedEncodingException; import javax.servlet.http.HttpServletR

Angular 的 $http 的問題

跨域的問題一直存在開發中 情形: 即使服務端設定了 header('Access-Control-Allow-Origin: *'); header('Access-Control-

轉 Js CORS報錯 Response for preflight has invalid HTTP status code 405

control logs web col 奇怪 flight protected protoc tex 轉自:http://www.cnblogs.com/SilenceTom/p/6697484.html 調用接口遇到Response for preflight

webpack + vue 向本地後端發送http請求問題

contex con blog 方法 point 原來 文件 string lte 一、問題描述 前端: webpack + vue + axios 後端: wamp + php 用webpack訪問前端頁面是需要一個端口的,後端服務器也是需要一個端口的,端口不同,在本地調

Ajax本地問題 Cross origin requests are only supported for HTTP(針對jQuery基礎教程第四版第六章)

成功 origin port com img 步驟 -s 出現 req 出現的問題: 解決的步驟: 谷歌瀏覽器出現的效果: 針對jQuery基礎教程(第四版),第六章 成功: Ajax本地跨域問題 Cross origin re

發送HTTP請求詳解

ext open author read stat 請求 buffere keyset post ------------吾亦無他,唯手熟爾,謙卑若愚,好學若饑------------- 本篇博客講述幾種跨域發HTTP請求的幾種方

運用 node + express + http-proxy-middleware 實現前端代理的 詳細實例哦

管理工具 and 訪問 ext pub 文件夾 破解 next() 包管理 一、你需要準備的知識儲備 運用node的包管理工具npm 安裝插件、中間件的基本知識; 2.express框架的一些基礎知識,知道如何建立一個小的服務器;曉得如何快速的搭建一個express框架小

golang http服務器問題解決

font and http服務器 -s 客戶 run style header() client func main() { openHttpListen() } func openHttpListen() { http.HandleFunc("/

HTTP(二)、資源共享(CORS)

2.跨域資源共享(CORS) 跨域簡介 當訪問一個資原始檔時,如果從非該資原始檔所在的伺服器不同域名或者埠處進行訪問時,該資源會發起一個跨域請求。 例如,網站A的地址是http://www.domain-a.com ,該網站中HTML頁面通過 img 標籤中的

golang http伺服器問題解決

func main() { openHttpListen() } func openHttpListen() { http.HandleFunc("/", receiveClientRequest) fmt.Println("go server start running

新版react16.6中 create-react-app升級版(webpack4.0) 配置http請求問題

func 直接 ons react 官方 測試 book 升級 type 在create-react-app之前的版本,我們配置http請求跨域是直接在package.json配置即可,如下圖: 但在最新的create-react-app v2升級版(webpack4

System.Web.Http.Cors配置訪問的兩種方式

在webapi中使用System.Web.Http.Cors配置跨域資訊可以有兩種方式。   一種是在App_Start.WebApiConfig.cs的Register中配置如下程式碼,這種方式將在所有的webapi Controller裡面起作用。 using System; usi

angular中的$http請求,採用CROS方式解決

anjular中的controller層$http服務,解決跨域請求。 js書寫:     /**     * 採用CORS方式實現ajax跨域請求     */    $http({&

angular中的$http請求,采用CROS方式解決

req urn 響應頭信息 info 圖片 scope 信息 alt 解決 anjular中的controller層$http服務,解決跨域請求。 js書寫: /** * 采用CORS方式實現ajax跨域請求 */ $http({

HTTP訪問控制(CORS)

不同 mage http訪問 分享圖片 跨域 .com 客戶 http src 同源: http、ip、port 三者要一樣,否則會被視為不同源     二 、 客戶端 三、後臺 跨域HTTP訪問控制(CORS)