node跨域方法

call_me_R 發布于2019-08-01 17:29 / 2809人閱讀

摘要：第一種參看用實現和服務第二種部分填寫有誤添加成功重點部分是添加響應頭信息可以是，也可以是跨域的地址在里不需要做任何特殊處理仍舊是部分姓名職位添加出錯了出錯了

第一種：jsonp
參看用nodejs實現json和jsonp服務

第二種：res.wirteHead
node部分

var http = require("http")
var url = require("url")
var querystring = require("querystring")

var port = 9000
var jsonData = { "name": "xiaohong", "job": "daboss" }
http.createServer(function (req, res) {
    // var pathStr = url.parse(req.url)
       res.writeHead(200, {
        "Content-Type": "application/json;charset=utf-8",
        "Access-Control-Allow-Credentials": true,
        "Access-Control-Allow-Origin": "*"
    })
    var type = req.method;
    if (type == "GET") {
     
        res.end(JSON.stringify(jsonData))
    } else if (type == "POST") {
        var str = "";
        req.on("data",function(chunk){
            str += chunk;
        })
       
        req.on("end",function(){
            var data = querystring.parse(str)
            console.log(data)
            if(data.name == "" || data.job == ""){
                res.end(JSON.stringify({"success":true,msg:"填寫有誤"}))
            }else{
                res.end(JSON.stringify({"success":false,msg:"添加成功"}))
            }

        })
    }

}).listen(port, function () {
    console.log("server is runing at port " + port)
})

重點部分是添加響應頭信息

    res.writeHead(200, {
        "Content-Type": "application/json;charset=utf-8",
        "Access-Control-Allow-Credentials": true,
        "Access-Control-Allow-Origin": "*" //可以是*，也可以是跨域的地址
    })

在ajax里不需要做任何特殊處理
dataType仍舊是json

html部分

Document click me

姓名: 職位：添加

云服務器 GPU云服務器端跨域跨域 Nodes Node

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51168.html

關于跨域

摘要：服務端接收到請求后，通過該參數獲得回調函數名，并將數據放在參數中將其返回收到結果后因為是標簽，所以瀏覽器會當做是腳本進行運行，從而達到跨域獲取數據的目的。在使用Vue搭建的一個后端管理系統中，我使用axios請求本地的Node環境下的接口，但是請求失敗，然后我錯誤信息是：showImg(https://segmentfault.com/img/remote/1460000018521...

AlexTuan 2019-08-23 15:56 評論0 收藏0
那些年踩過的坑——node代理解決跨域的問題

摘要：在實際開發中，前后端分離的項目通常會需要同后臺開發人員聯調接口，不可避免的會碰到跨域的問題。在實際開發中，前后端分離的項目通常會需要同后臺開發人員聯調接口，不可避免的會碰到跨域的問題。雖說跨域問題最后基本都是后臺同事解決的，但是有時候為了趕時間，沒轍只有自己來，使用node代理解決跨域：協議域名端口號三個只要有一個不一樣就是跨域，也就是不同域名之間的訪問；通常解決跨域的...

worldligang 2019-08-23 14:43 評論0 收藏0
【跨域】跨域的簡易實現和測試

摘要：前言由于自己平時只做做，并沒有遇到太多跨域問題，今天通過幾個樣例模擬實現了幾種跨域方式。前言由于自己平時只做做demo，并沒有遇到太多跨域問題，今天通過幾個樣例模擬實現了幾種跨域方式。原文地址傳送門本文所有樣例靜態服務器基于nodejs實現，代碼親測可用。測試步驟如下： 1.為了實現跨域訪問的效果，需要下載http-server 作為一個服務器 npm install http...

ninefive 2019-08-22 11:07 評論0 收藏0
「跨域」利用node.js實踐前端各種跨域方式（下）

摘要：技術的學習也是如此唯有實踐才能更清楚的明白原理和加深印象，因此本文會利用對前端的各種跨域方式進行實踐，強烈建議一步一步跟著做，相信你肯定會對跨域有更深層次的理解。前言常言道，讀萬卷書，不如行萬里路。技術的學習也是如此,唯有實踐才能更清楚的明白原理和加深印象，因此本文會利用node.js對前端的各種跨域方式進行實踐，強烈建議一步一步跟著做，相信你肯定會對跨域有更深層次的理解。而由于篇...

Jenny_Tong 2019-08-22 18:02 評論0 收藏0
20K前端大佬面試(關于如何回答ajax跨域問題)

摘要：在接觸前端開發起，跨域這個詞就一直以很高的頻率在我們學習工作中重復出現，最近在工作中遇到了跨域的相關問題，這里我把它總結記錄一下。在接觸前端開發起，跨域這個詞就一直以很高的頻率在我們學習工作中重復出現，最近在工作中遇到了跨域的相關問題，這里我把它總結記錄一下。關于跨域，有N種類型，現在我只專注于ajax請求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹)，內容...

Yangyang 2019-08-02 16:09 評論0 收藏0