2. 程式人生 > >apache解決 同一個IP不同埠的JS跨域問題

apache解決 同一個IP不同埠的JS跨域問題

阿新 • • 發佈：2019-01-18

問題：我這邊有一個即時通訊的伺服器，提供給開發人員一個JS API來訪問這個通訊伺服器，然而開發人員把JS檔案拷貝到本機的web應用時去呼叫遠端的即時通訊伺服器，出現了跨域的情況。現在我們這邊只通了JS的api，因此必須解決這個跨域的問題。

解決方案：將apache伺服器和web應用伺服器放在同一個伺服器上，分別處於不同的埠，通過 document.domain=”IP地址” 設定域來發送請求給apatch伺服器介面，最終返回即使通訊伺服器的響應內容。

1、在本機上安裝一個apache，預設埠是80，然後裡面新增如下內容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<script>
	//這個是本機的IP地址
	document.domain = "172.16.14.77";
	function doTestLogin()
	{
		var jid = document.getElementById('jid').value;
		var pwd = document.getElementById('pass').value;
alert("iframe 裡面的值變換了");
	}
	</script>
  </head>
<body >

	1. 測試登入:<Br/> 
	使用者名稱：<input type="text"  id="jid" value="a"/> 
	密  碼：<input type="text" id="pass" value="a" />&nbsp;&nbsp;
	<input type="button" value="登入" id="frm1" onclick="javascript:doTestLogin();" style="font-size: 12px;"/>

</body>
</html>

2、在開發應用上新增如下介面，使用的是tomcat容器，埠是8080

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
	<!-- 引用apache伺服器上的內容 -->
	<iframe id="ifm1" src="http://172.16.14.77/jwchat/testim.html"
		style="width: 100%; height: 300px;" ></iframe>
	
	<form name="frm1" id="frm1">
		1. 測試登入:<Br/> 
		使用者名稱：<input type="text"  id="v_name" value="b"/> 
		密  碼：<input type="text" id="v_pass" value="b" />&nbsp;&nbsp;
		<input id="btn1" name="btn1" type="button" value="test" style="font-size:12px"
			onclick="test_iframe();">
	</form>

</body>
</html>
<script type="text/javascript">
//這個是本機的IP地址
document.domain = "172.16.14.77";

function test_iframe() {
	var v_name = document.getElementById("v_name").value;
	var v_pass = document.getElementById("v_pass").value;
	//訪問id為ifm1的iframe裡面的id為jid控制元件的值為v_name
	top.ifm1.jid.value=v_name; 
	top.ifm1.pass.value=v_pass; 
	top.ifm1.frm1.click();
}
</script>

在位址列中輸入：http://172.16.14.77:8080/myweb/current.jsp，點選按鈕，把當前使用者輸入的值傳入到iframe裡面，然後由iframe裡面的介面提交表單傳送請求，最終交由apache處理請求。

備註：位址列一定要是172.16.14.77，不能用於localhost，因為瀏覽器判斷是否是是跨域沒有經過DNS伺服器轉換，僅僅是根據地址欄中的172.16.14.77:8080判斷的，否則兩個頁面中輸入的document.domain = "172.16.14.77";會導致指令碼報錯

執行結果

相關推薦

apache解決 同一個IP不同埠的JS跨域問題

問題：我這邊有一個即時通訊的伺服器，提供給開發人員一個JS API來訪問這個通訊伺服器，然而開發人員把JS檔案拷貝到本機的web應用時去呼叫遠端的即時通訊伺服器，出現了跨域的情況。現在我們這邊只通了JS的api，因此必須解決這個跨域的問題。 解決方案：將apache伺服器和web應用伺服器放在同一個伺服

同一個IP不同埠的JS跨域問題

問題：我這邊有一個即時通訊的伺服器，提供給開發人員一個JS API來訪問這個通訊伺服器，然而開發人員把JS檔案拷貝到本機的web應用時去呼叫遠端的即時通訊伺服器，出現了跨域的情況。現在我們這邊只通了JS的api，因此必須解決這個跨域的問題。 解決方案：將apache伺服器和web應用伺服器放在同一個伺服

一個伺服器搭多個tomcat導致session丟失，或者同一個IP不同埠，多個應用的session會衝突解決方法

 一個伺服器上搭建了多個tomcat或者weblogic，埠不一樣，同時啟動訪問時session丟失。如：A，B兩個服務，在瀏覽器中登入訪問A後，當前開啟的瀏覽器上在開一個選項卡訪問B服務後，回過來點選訪問A時session丟失，需要重新登入A才可以訪問。經過資料查詢，發

tomcat同一個IP不同埠，多個應用的session會衝突解決方法

方法1：將不同的多個應用服務在不同的虛擬主機中，或者對映不同的IP進行部署。 方法2：對應tomcat服務處理方式：修改coocie的名稱保證cookie不重複: 對於tomcat8，可以這樣： 在Host標籤內新增 <Context path="/serv

session同ip不同埠的多個網站session衝突的解決辦法

在程式的common檔案或是其它公用檔案中加入一句php程式碼，如下：ini_set(‘session.name’, ‘PHPSESSID_RS’);當然 第二個引數就是session在儲存到cookie時使用的名字，你可以自己設定自己喜歡的。。。就是因為所有程式使用的se

vue.js 跨域的解決方法（轉載）

vue專案中，前端與後臺進行資料請求或者提交的時候，如果後臺沒有設定跨域，前端本地除錯程式碼的時候就會報“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 這種跨域錯誤。 要想本地正常的除錯，解決

前端JS跨域解決方案

JS跨域請求 這裡說的js跨域是指通過js在不同的域之間進行資料傳輸或通訊，比如用ajax向一個不同的域請求資料，或者通過js獲取頁面中不同域的框架中(iframe)的資料。只要協議、域名、埠有任何一個不同，都被當作是不同的域 跨域解決方案 CORS方案 COR

java服務端解決js跨域的問題 CORS（跨域資源共享） 的配置

nginx相容跨域上傳 相容情況： 各種新版本的ie10,firefox,opera,safari,chrome以及移動版safari和Android瀏覽器 ie9及一下版本請使用flash方式來相容 通過OPTIONS請求握手一次的方式實現跨根域傳送請求，需要服務端配置

JS跨域：1.解決方案之-SpringMVC攔截器

package com.bdqn.utils; import java.util.List; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResp

JS跨域請求解決方案

1 js跨域請求 1.1 域名的比較 1.2 什麼是JS跨域: 1.3 預設情況下JS不允許跨域 1.4Access-Control-Allow-Origin 2 跨

JS跨域請求的解決方案

出現JS跨域請求的原因: 瀏覽器檢測到源的異常 什麼叫做JS跨域: 兩個應用協議,主機地址(域名),埠號。三者有一個不同,則認為他們的域不同。 例如: http:localhost:80/a https:localhost:80/b 此時的a與b的應用協議是不同

JS跨域問題以及採用JSONP方式解決跨域問題

在做專案的時候，客戶要做成客戶端和服務端兩部分，客戶端向服務端進行認證，我開始的時候沒有直接替換ip地址，後來採用ip地址替換之後，出現了問題，後臺可以收到訪問的請求，但是無法拿到後臺返回的資訊，後來

JS跨域問題，及在同一個伺服器上佈置兩個網站

部署網站網站部署後，地址如果用一樣的，那麼就分配不同的埠，埠預設80，新增的埠在設定之後還需要在防火牆中的出站規則中新增一下， 不然外部訪問不了。 什麼是跨域我們經常會在頁面上使用ajax請求訪問其他伺服器的資料,此時,客戶端會出現跨域問題.跨域問題是由於javasc

js 跨域問題常見的五種解決方式

一、什麼是跨域？ 要理解跨域問題，就先理解好概念。跨域問題是由於javascript語言安全限制中的同源策略造成的. 簡單來說,同源策略是指一段指令碼只能讀取來自同一來源的視窗和文件的屬性,這裡的同一來源指的是主機名、協議和埠號的組合. URL 說

解決URL中包含以及不包含https、www時引起的JS跨域問題

場景：站點的全域名是：https://www.example.com，使用者使用此連結訪問站點時完全正常，但是有時候使用者手動輸入網址時並不會輸入全域名，可能是：www.example.com,也可能

json跨域（2）----js跨域及解決方案

之前轉載過一篇關於跨域的文章，分不清什麼叫主域跨域和二級跨域 下面這篇微博的博主寫的很好，也很清楚。 轉載連結：http://www.cnblogs.com/oneword/archive/2012/12/03/2799443.html 1.什麼是跨域 我們經常會在

js跨域怎麼解決？

產生跨域問題的原因 跨域問題是瀏覽器同源策略限制，當前域名的js只能讀取同域下的視窗屬性。 跨域問題產生的場景 當要在在頁面中使用js獲取其他網站的資料時，就會產生跨域問題，比如在網站中使用ajax請求其他網站的天氣、快遞或者其他資料介面時以及hybrid app中

pdf.js跨域解決方法——遠端載入pdf

思路：通過將需要瀏覽的pdf通過後臺轉為檔案流傳給前端，來解決跨域問題。js程式碼寫在viewer.html裡，放到引用pdf.js的位置前面js程式碼,來接收檔案流：<script> var PDFData = ""; $.ajax({

JS跨域（ajax跨域、iframe跨域）解決方法及原理詳解

js跨域是指通過js在不同的域之間進行資料傳輸或通訊，比如用ajax向一個不同的域請求資料，或者通過js獲取頁面中不同域的框架中(iframe)的資料。只要協議、域名、埠有任何一個不同，都被當作是不同的域。 要解決跨域的問題，我們可以使用以下幾種方法： 1、

vue+node.js跨域問題的解決

vue預設是執行在localhost：8080上，而node.js可能執行在其他埠，而前臺去請求後臺的api時就存在跨域問題。另外，我們經常會去訪問其他網站的資料，比如http://google.com/...，此時也存在跨域問題。解決跨域問題的方法：利用vue-cli自帶的