uniapp Header配置Access-Control-Allow-Origin
时间: 2024-08-19 13:02:12 浏览: 96
在 UniApp 开发中,如果你的服务端需要支持跨域请求,特别是当你想让前端的 uniapp 应用能够向其他源请求数据时,你需要在服务器响应头中添加 `Access-Control-Allow-Origin` 字段。这个字段告诉浏览器,该资源允许哪些源(即域名或 URL)发起跨域请求。
在 Node.js 中,例如使用 Express 框架,你可以这样做:
```javascript
const express = require('express');
const app = express();
// 添加跨域支持
app.use(function(req, res, next) {
res.setHeader('Access-Control-Allow-Origin', '*'); // 允许所有源
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
res.header('Access-Control-Max-Age', '1728000'); // 响应持久化,单位秒
if ('OPTIONS' === req.method) { // 对于预检请求(Preflight)
res.sendStatus(204);
} else {
next();
}
});
// ...你的路由和业务逻辑
```
在这里,`'*'` 表示允许任何来源,如果你只想允许特定源,可以用具体的 URL 替换。同时,你还设置了常见的跨域头如 `Access-Control-Allow-Methods` 和 `Access-Control-Allow-Headers`,用于控制允许的HTTP方法和请求头。
阅读全文