jquey+node跨域

時間 2020-10-24

標籤 html node jquery ajax express npm json windows 跨域瀏覽器欄目 HTML 简体版

原文原文鏈接

jquey+node跨域

1.開發環境 jquery+node
2.電腦系統 windows10專業版
3.在jquery+node開發的過程當中,咱們常常會遇到跨域,解決方案以下:
4.node安裝 cors,在終端輸入命令爲:html

npm i cors --save

5.在app.js中添加以下代碼:node

var cors = require('cors');
app.use(cors());
//在 app=express() //下面添加以下代碼:
app.all('*', function (req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  res.header('Access-Control-Allow-Methods', '*');
  //設置僅接受 application/json 格式請求
  res.header('Content-Type', 'application/json;charset=utf-8');
  next();
});

6.在 html中添加以下代碼:jquery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://www.jq22.com/jquery/jquery-2.1.1.js"></script>
</head>
<body>
    
</body>
</html>
<script>
     $.ajax({
    type: 'post',
    url: 'http://192.168.0.106:3000/feng',
}).then(function(data){
    console.log(data);
});
</script>

7.在瀏覽器中效果以下:
ajax