解决跨域——CROS

最新推荐文章于 2024-03-16 15:48:41 发布

野生小米椒

最新推荐文章于 2024-03-16 15:48:41 发布

阅读量751

点赞数

分类专栏： Ajax

本文链接：https://blog.csdn.net/x1037490413/article/details/118522399

版权

Ajax 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

在这里插入图片描述 server.js

const { request } = require('express');
const express=require('express');
const app=express();
app.all('/cros-server',(request,response)=>{
  //设置响应头才能跨域 响应头有很多个，可以根据需求选择  *是通配 所有网页都可用
  response.setHeader("Access-Control-Allow-Origin", "*");
  response.setHeader("Access-Control-Allow-Headers",'*')
  response.send('cros hello')
})
app.listen(8000,()=>{
  console.log("服务8000已经启动...");
})

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .result{
        width: 100px;
        height: 100px;
        border: solid 1px yellow;
      }
    </style>
  </head>
  <body>
    <button>发送请求</button>
  <div class="result"></div>
   <script>
     const btn =document.querySelector('button')
     btn.onclick=function(){
       const x=new XMLHttpRequest()
       x.open('GET','http://127.0.0.1:8000/cros-server')
       x.send()
       x.onreadystatechange=function(){
         if(x.readyState===4){
           if(x.status>=200&&x.status<300){
             console.log(x.response);
           }
         }
       }
     }
   </script>
  </body>
</html>

野生小米椒

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
解决跨域——CROS

server.jsconst { request } = require('express');const express=require('express');const app=express();app.all('/cros-server',(request,response)=>{ //设置响应头才能跨域响应头有很多个，可以根据需求选择 *是通配所有网页都可用 response.setHeader("Access-Control-Allow-Origin", "*");
复制链接

扫一扫