Access to XMLHttpRequest at ‘http://localhost:xxxx“

最新推荐文章于 2025-02-15 10:22:55 发布

Yan Yang

最新推荐文章于 2025-02-15 10:22:55 发布

阅读量3.2k

点赞数

分类专栏：编程问题集文章标签： java web

本文链接：https://blog.youkuaiyun.com/zzvar/article/details/118392740

版权

在开发过程中，遇到了Vue.js应用进行跨域请求时出现的错误，具体表现为'Access-Control-Allow-Origin'头缺失导致的CORS政策阻止。解决方法是对目标项目进行配置，以允许跨域请求，从而成功解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 报错信息如下

进行跨域请求时报错，报错信息如下：

Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools
vue.js:9064 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
index.html:1 Access to XMLHttpRequest at ‘http://localhost:8888/employees’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
jquery.js:2 GET http://localhost:8888/employees net::ERR_FAILED
send @ jquery.js:2
ajax @ jquery.js:2
p. @ jquery.js:2
mounted @ index.html:30
invokeWithErrorHandling @ vue.js:1863
callHook @ vue.js:4220
mountComponent @ vue.js:4087
Vue.