Access to XMLHttpRequest at ‘http://127.0.0.1:8000/server‘ from origin ‘http://127.0.0.1:5500‘ has

最新推荐文章于 2025-10-09 01:27:22 发布

原创最新推荐文章于 2025-10-09 01:27:22 发布 · 4.8w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#http

踩坑之旅专栏收录该内容

6 篇文章

订阅专栏

本文介绍了在开发过程中遇到的本地服务器跨域问题，并提供了解决方案。通过在响应头中添加'Access-Control-Allow-Origin'字段，设置为'*'，允许所有来源的请求，从而成功解决跨域限制。代码示例展示了如何在Express应用中实现这一设置。

控制台输出 Access to XMLHttpRequest at 'http://127.0.0.1:8000/server' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested reso

离谱~~我访问本地服务器，竟然还存在跨域问题

找了很对解决方案

最有效的是

在设置响应头时，加上这么一句话允许跨域？？

response.setHeader('Access-Control-Allow-Origin','*')

然后关闭之前的端口，重启一个终端监听此端口，就成功了

以下是我的完整代码

//1、引入express
const express = require('express');
//2、创建应用对象
const app = express();
//3、创建路由规则
//request是对请求报文的封装
//response 是对响应报文的封装
app.get('/server',(request,response)=>{

    //设置响应头  设置允许跨域
    response.setHeader('Access-Control-Allow-Origin','*')
    //设置响应体
    response.send('hello ajax')
    
})

//4、监听端口启动服务
app.listen(8000,()=>{
    console.log('服务已经启动，8000端口监听中。。。');
})