GVKun编程网logo

http-proxy-middleware 在 React 生产版本中不起作用,我正在为 WordPress post API 使用代理中间件

4

在这篇文章中,我们将为您详细介绍http-proxy-middleware在React生产版本中不起作用,我正在为WordPresspostAPI使用代理中间件的内容。此外,我们还会涉及一些关于->m

在这篇文章中,我们将为您详细介绍http-proxy-middleware 在 React 生产版本中不起作用,我正在为 WordPress post API 使用代理中间件的内容。此外,我们还会涉及一些关于-> middleware(['api'])和-> middleware(['auth:api'])有什么区别?、Android Studio3 "Error:Unable to tunnel through proxy. Proxy returns "HTTP/1.1 400 Bad Request""、Angular 2 http.post () 没有发送请求 - Angular 2 http.post () is not sending the request、AWS Secrets manager 和 setupProxy.js http-proxy-middleware的知识,以帮助您更全面地了解这个主题。

本文目录一览:

http-proxy-middleware 在 React 生产版本中不起作用,我正在为 WordPress post API 使用代理中间件

http-proxy-middleware 在 React 生产版本中不起作用,我正在为 WordPress post API 使用代理中间件

如何解决http-proxy-middleware 在 React 生产版本中不起作用,我正在为 WordPress post API 使用代理中间件

在我的 React 应用程序中执行 wordpress post API 时面临 cors 策略阻止问题,为了解决这个 cors 问题,我使用了代理中间件,但在创建用于部署的生产版本后,此代理无法正常工作。 http-proxy-middleware 在本地主机上完美运行(开发时)

  1. const { createProxyMiddleware } = require(''http-proxy-middleware'');
  2. module.exports = function(app) {
  3. app.use (
  4. createProxyMiddleware(
  5. "/posts",{
  6. target: "https://example.com/wp-json/wp/v2",changeOrigin: true
  7. })
  8. );
  9. }

-> middleware(['api'])和-> middleware(['auth:api'])有什么区别?

-> middleware(['api'])和-> middleware(['auth:api'])有什么区别?

如何解决-> middleware([''api''])和-> middleware([''auth:api''])有什么区别??

如果我查看Laravel身份验证页面,我会发现一篇说中间件([''api''])和一篇说中间件([''auth:api''])的文章。

哪个正在使用auth.PHP?

解决方法

名为api的中间件是一个中间件组,而不是单个中间件。在app/Http/Kernel.php的{​​{1}}中定义。

名为protected $middlewareGroups的中间件是一个带有一个或多个参数的中间件。 auth表示您正在指示auth:api中间件使用auth身份验证保护。此防护在api中定义。 config/auth.php中间件在auth数组的app/Http/Kernel.php中定义,该数组显示了它所引用的类。它是您的应用程序的身份验证中间件。

Android Studio3

Android Studio3 "Error:Unable to tunnel through proxy. Proxy returns "HTTP/1.1 400 Bad Request""

Android Studio 3 显示如下错误信息:

Error:Unable to tunnel through proxy. Proxy returns "HTTP/1.1 400 Bad Request"

原因:

AndroidStudio 没有找到 gradle 目录

解决办法:

File——Setting——Build,Execution,Deployment——Gradle——Use local gradle distribution——Gradle home:选择 android studio 安装目录下 Gradle 下相应版本的目录,OK。

Angular 2 http.post () 没有发送请求 - Angular 2 http.post () is not sending the request

Angular 2 http.post () 没有发送请求 - Angular 2 http.post () is not sending the request

问题:

When I make a post request the angular 2 http is not sending this request 当我发出帖子请求时,angular 2 http 没有发送此请求

this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions())

the http post is not sent to the server but if I make the request like this http post 不会发送到服务器,但如果我发出这样的请求

this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()).subscribe(r=>{});

Is this intended and if it is can someone explain me why ? 这是有意的,如果是的话,有人可以解释我为什么吗? Or it is a bug ? 或者它是一个错误?


解决方案:

参考: https://stackoom.com/en/question/2RvXo

AWS Secrets manager 和 setupProxy.js http-proxy-middleware

AWS Secrets manager 和 setupProxy.js http-proxy-middleware

如何解决AWS Secrets manager 和 setupProxy.js http-proxy-middleware

在连接我的代理之前,我需要从机密管理器中提取配置

  1. const express = require(''express'');
  2. const { createProxyMiddleware } = require(''http-proxy-middleware'');
  3. const { SecretsManagerClient,GetSecretValueCommand } = require(''@aws-sdk/client-secrets-manager'');
  4. const pjson = require(''../app/config'');
  5. const app = express();
  6. async function getSecretsManager(){
  7. return secrets; // (this functions correctly,redacting for security)
  8. }
  9. const buildProxies = async (app) => {
  10. const proxies = pjson[''nonprod-proxies''];
  11. const secrets = await getSecretsManager();
  12. let proxiesToMap = [];
  13. proxies.forEach(proxy => {
  14. console.log(`[PROXY SERVER] Creating proxy for: ${proxy[''proxy-path'']}`);
  15. let target,headers,options;
  16. const rewrite = `^${proxy[''proxy-path'']}`;
  17. if (proxy[''internal''])
  18. {
  19. target = `https://${secrets[''apiDomain'']}`;
  20. headers = {''x-api-key'': secrets[''apiKey'']};
  21. options = {
  22. target: target,changeOrigin: true,logLevel: ''debug'',headers
  23. }
  24. } else {
  25. target = proxy[''proxy-domain''];
  26. options = {
  27. target: `https://${target}`,pathRewrite: {
  28. [rewrite]: ''''
  29. }
  30. }
  31. }
  32. proxiesToMap.push({''path'': proxy[''proxy-path''],''options'': options})
  33. });
  34. return proxiesToMap;
  35. };
  36. module.exports = function(app){
  37. buildProxies().then(proxies => {
  38. proxies.forEach(proxyVal => {
  39. console.log(`Proxy: ${proxyVal[''path'']} with options ${proxyVal[''options'']}`);
  40. app.use(proxyVal[''path''],createProxyMiddleware(proxyVal[''options'']))
  41. });
  42. });
  43. console.log(''=== SUCCESSFULY CREATED PROXY SERVER ==='');
  44. };

这会导致 localhost:3000 返回样板 html cors 响应,但是,当将 module.exports 的代码替换为:

  1. app.use(''/internal/*'',createProxyMiddleware({
  2. target: ''<my aws secret url>'',headers: { ''x-api-key'': ''<my aws secret api key>'' }
  3. }));

代理工作。有没有办法在 setupProxy.js 内异步加载配置?

我们今天的关于http-proxy-middleware 在 React 生产版本中不起作用,我正在为 WordPress post API 使用代理中间件的分享就到这里,谢谢您的阅读,如果想了解更多关于-> middleware(['api'])和-> middleware(['auth:api'])有什么区别?、Android Studio3 "Error:Unable to tunnel through proxy. Proxy returns "HTTP/1.1 400 Bad Request""、Angular 2 http.post () 没有发送请求 - Angular 2 http.post () is not sending the request、AWS Secrets manager 和 setupProxy.js http-proxy-middleware的相关信息,可以在本站进行搜索。

本文标签: