Access to XMLHttpRequest at 'http://localhost/imovie/view/details.php?mid=1' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. jquery.js:2 GET http://localhost/imovie/view/details.php?mid=1 net::ERR_FAILED 404 (Not Found) send @ jquery.js:2 ajax @ jquery.js:2 k.<computed> @ jquery.js:2 (匿名) @ home.html:300 dispatch @ jquery.js:2 v.handle @ jquery.js:2
时间: 2023-07-15 07:11:04 浏览: 136
这个错误是因为浏览器的同源策略导致的。同源策略要求网页只能从同一个域名下加载资源,防止恶意网站获取用户的敏感信息。
解决该问题的方法是在服务器端添加响应头,允许跨域访问。可以在 `http://localhost/imovie/view/details.php` 文件中添加以下代码:
```php
header('Access-Control-Allow-Origin: *');
```
这样就允许任何域名的网页访问该接口了。如果只允许特定的域名访问,可以将 `*` 替换为相应的域名。
相关问题
Access to XMLHttpRequest at 'http://localhost/imovie/view/details.php' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. jquery.js:2 POST http://localhost/imovie/view/details.php net::ERR_FAILED 404 (Not Found) send @ jquery.js:2 ajax @ jquery.js:2 k.<computed> @ jquery.js:2 (匿名) @ home.html:300 dispatch @ jquery.js:2 v.handle @ jquery.js:2
这个错误是因为在你的 JavaScript 代码中,你正在尝试从一个不同的域名或端口号发送 AJAX 请求。由于安全原因,浏览器会阻止这样的请求。你需要在服务器端设置跨域资源共享(CORS)响应头,以允许从其他域名或端口号访问你的服务器资源。在 PHP 中可以通过设置响应头来解决这个问题:
```
header("Access-Control-Allow-Origin: *");
```
在这里,我们将 `*` 作为允许访问的域名,这意味着允许任何域名访问你的资源。如果你希望只允许特定的域名访问你的资源,可以将 `*` 替换为相应的域名。
Access to XMLHttpRequest at 'http://localhost:3000/' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin
这个错误是由于浏览器的同源策略导致的。同源策略是浏览器对JavaScript实施的安全限制,它禁止浏览器执行来自其他网站的脚本。你提到的错误信息 "Access to XMLHttpRequest at 'http://localhost:3000/' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource." 表明浏览器阻止了从 'null' 这个源发起的对 'http://localhost:3000/' 的请求,因为该请求的响应头中没有包含 'Access-Control-Allow-Origin' 字段。
解决这个问题的方法有以下几种:
1. 在后端服务器上配置CORS(跨域资源共享):你可以添加一个CORS过滤器或实现WebMvcConfigurer接口来处理跨域请求。可以参考你引用的和来配置CORS。
2. 在Vue项目的配置文件vue.config.js中添加代理:你可以使用vue.config.js文件来配置开发服务器的代理,将前端请求代理到后端服务器上。你可以参考你引用的中的代码来配置代理。
通过以上方法,你可以解决跨域访问的问题,使前端Vue项目能够成功调用后端SpringBoot的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文