Angular应用程序构建后使用相对路径的httpget时出现CORS策略阻止的问题
创始人
2024-10-30 13:30:44
0

在后端服务器上配置 CORS 策略以允许跨域请求。可以使用 Express 框架来在服务器中启用 CORS,例如:

const express = require('express');
const app = express();

// 允许跨域请求
app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
  res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
  next();
});

// 处理 http get 请求
app.get('/api/data', (req, res) => {
  // 返回数据
  res.send('Hello from server!');
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server started on port 3000');
});

在上述代码中,通过设置 Access-Control-Allow-Origin* 允许任何来源的请求。也可以将其设置为特定的域名,例如 'http://localhost:4200'Access-Control-Allow-MethodsAccess-Control-Allow-Headers 用于允许特定的 HTTP 方法和头信息。

客户端代码可以发出跨域请求,例如:

this.http.get('http://localhost:3000/api/data').subscribe((data) => {
  console.log(data);
});

在上述代码中,this.http 是一个 HttpClient 的实例,用于发送 http 请求。http.get 方法用于发送 http get 请求,然后通过 subscribe 方法订阅可观察对象并处理响应数据。

相关内容

热门资讯

透视规律!aapoker真的假... 透视规律!aapoker真的假的(透视)aapoker透视脚本下载,德州教程(有挂详情)1、aapo...
透视工具!aapoker破解侠... 透视工具!aapoker破解侠是真的吗(透视)aapoker透视脚本入口,玩家教程(有挂攻略)1、进...
透视最新!aapoker透视插... 透视最新!aapoker透视插件(透视)aapoker辅助器是真的吗,2025新版技巧(有挂教程);...
透视辅助!aapoker辅助插... 透视辅助!aapoker辅助插件工具(透视)aapoker破解侠是真的吗,2025新版(有挂解说)1...
透视游戏!aapoker ai... 透视游戏!aapoker ai插件(透视)aapoker万能辅助器,透牌教程(有挂脚本);1、aap...
辅助透视!aapoker怎么拿... 辅助透视!aapoker怎么拿好牌(透视)aapoker辅助器是真的吗,2025教程(有挂插件)小薇...
透视真的!aapoker辅助软... 透视真的!aapoker辅助软件合法吗(透视)aapoker透视插件,可靠技巧(有挂细节)1)aap...
透视免费!aapoker怎么提... 透视免费!aapoker怎么提高中牌率(透视)aapoker怎么选牌,总结教程(有挂方法);亲,关键...
透视有挂!aapoker如何设... 透视有挂!aapoker如何设置胜率(透视)aapoker脚本,科技教程(有挂插件);在进入aapo...
透视科技!aapoker怎么控... 透视科技!aapoker怎么控制牌(透视)aapoker脚本,详细教程(有挂脚本)1、aapoker...