Javascript Angular 10为修复CORS配置从本地主机到域的代理

Javascript Angular 10为修复CORS配置从本地主机到域的代理,javascript,angular,cors,Javascript,Angular,Cors,我想从应用程序向API发出GET请求。 我的应用程序已启动(localhost:4200) 当我请求时,我使用这个URL return this.http .get<parameter>('https://sub.staging.company.com/application/action/getParams') 为了避免这个错误,我创建了一个proxy.conf.js const PROXY_CONFIG = [ { context: ["/a

我想从应用程序向API发出GET请求。 我的应用程序已启动(localhost:4200)

当我请求时,我使用这个URL

 return this.http
      .get<parameter>('https://sub.staging.company.com/application/action/getParams')
为了避免这个错误,我创建了一个proxy.conf.js

const PROXY_CONFIG = [
  {
    context: ["/application/action"],
    target: "https://sub.staging.company.com",
    secure: false,
    changeOrigin: true,
  },
];

module.exports = PROXY_CONFIG;

但我总是犯这个错误,代理不起作用

我如何解决我的问题


谢谢您的帮助。

我们也必须在后端实现它

比如node.js
npm i cors
然后在
index.js
(根)文件中


您需要从与dev服务器位于同一域上的位置进行代理。浏览器仍然可以看到
https://sub.staging.company.com/application/action/getParams
作为跨域请求。您需要对/application/action/getParams进行本地调用,然后代理将从
https://sub.staging.company.com/

为了方便您在本地的开发,假设您使用的是Google Chrome,像这样的Chrome扩展应该可以做到这一点。

目标不应该是完全限定的url吗?添加https://this url不是真实的…这个答案不够清晰。我在手机上…在桌面上编辑,如果你现在阅读,可能会减少可读性问题…为什么你认为这个答案是错误的???是级长,不是吗?
const PROXY_CONFIG = [
  {
    context: ["/application/action"],
    target: "https://sub.staging.company.com",
    secure: false,
    changeOrigin: true,
  },
];

module.exports = PROXY_CONFIG;

const cors = require('cors');
    const corsOptions = {
      origin: 'http://example.com',
      optionsSuccessStatus: 200
    }
app.use(cors(corsOptions);