node跨域方法

call_me_R 發(fā)布于2019-08-01 17:29 / 2819人閱讀

摘要：第一種參看用實(shí)現(xiàn)和服務(wù)第二種部分填寫有誤添加成功重點(diǎn)部分是添加響應(yīng)頭信息可以是，也可以是跨域的地址在里不需要做任何特殊處理仍舊是部分姓名職位添加出錯(cuò)了出錯(cuò)了

第一種：jsonp
參看用nodejs實(shí)現(xiàn)json和jsonp服務(wù)

第二種：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)
})

重點(diǎn)部分是添加響應(yīng)頭信息

    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云服務(wù)器云服務(wù)器端跨域跨域 Nodes Node

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/51168.html

相關(guān)文章

關(guān)于跨域

摘要：服務(wù)端接收到請求后，通過該參數(shù)獲得回調(diào)函數(shù)名，并將數(shù)據(jù)放在參數(shù)中將其返回收到結(jié)果后因?yàn)槭菢?biāo)簽，所以瀏覽器會當(dāng)做是腳本進(jìn)行運(yùn)行，從而達(dá)到跨域獲取數(shù)據(jù)的目的。在使用Vue搭建的一個(gè)后端管理系統(tǒng)中，我使用axios請求本地的Node環(huán)境下的接口，但是請求失敗，然后我錯(cuò)誤信息是：showImg(https://segmentfault.com/img/remote/1460000018521...

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

摘要：在實(shí)際開發(fā)中，前后端分離的項(xiàng)目通常會需要同后臺開發(fā)人員聯(lián)調(diào)接口，不可避免的會碰到跨域的問題。在實(shí)際開發(fā)中，前后端分離的項(xiàng)目通常會需要同后臺開發(fā)人員聯(lián)調(diào)接口，不可避免的會碰到跨域的問題。雖說跨域問題最后基本都是后臺同事解決的，但是有時(shí)候?yàn)榱粟s時(shí)間，沒轍只有自己來，使用node代理解決跨域：協(xié)議域名端口號三個(gè)只要有一個(gè)不一樣就是跨域，也就是不同域名之間的訪問；通常解決跨域的...

worldligang 2019-08-23 14:43 評論0 收藏0
【跨域】跨域的簡易實(shí)現(xiàn)和測試

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

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

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

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

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

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