has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested,vue解决办法
时间: 2024-02-27 22:50:33 浏览: 146
node-red-contrib-nuki:Nuki的节点
引用[1]:要解决Vue项目中的CORS跨域问题,可以通过在服务端添加响应头来解决。具体的解决办法是在服务端的响应中添加"Access-Control-Allow-Origin"头,并设置为允许跨域请求的域名或通配符"*"。例如,在Node.js中使用Express框架,可以通过以下方式解决CORS问题[^1]:
```javascript
const express = require('express');
const app = express();
app.use((req, res, next) => {
res.setHeader('Access-Control-Allow-Origin', '*');
next();
});
// 其他路由和中间件
```
这样设置之后,服务端就会在响应中添加"Access-Control-Allow-Origin"头,允许任何域名进行跨域请求。
引用:在Vue项目中使用axios发送请求时,可以通过在请求中设置"Access-Control-Allow-Origin"头来解决CORS问题。具体的解决办法是在axios请求的配置中添加"headers"字段,并设置"Access-Control-Allow-Origin"头为允许跨域请求的域名或通配符"*"。例如:
```javascript
const url = "http://www.a-bm.cn/chanpin-0_p0.html";
this.$axios({
method: "get",
url: url,
headers: {
"Access-Control-Allow-Origin": "*"
}
}).then(res => {
window.console.log(res);
});
```
这样设置之后,axios发送的请求就会带上"Access-Control-Allow-Origin"头,允许跨域请求。
阅读全文