在这篇文章中,我们将为您详细介绍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 使用代理中间件
- -> 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 使用代理中间件
在我的 React 应用程序中执行 wordpress post API 时面临 cors 策略阻止问题,为了解决这个 cors 问题,我使用了代理中间件,但在创建用于部署的生产版本后,此代理无法正常工作。 http-proxy-middleware 在本地主机上完美运行(开发时)
const { createProxyMiddleware } = require(''http-proxy-middleware'');
module.exports = function(app) {
app.use (
createProxyMiddleware(
"/posts",{
target: "https://example.com/wp-json/wp/v2",changeOrigin: true
})
);
}
-> 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 "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
问题:
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/2RvXoAWS Secrets manager 和 setupProxy.js http-proxy-middleware
如何解决AWS Secrets manager 和 setupProxy.js http-proxy-middleware
在连接我的代理之前,我需要从机密管理器中提取配置
const express = require(''express'');
const { createProxyMiddleware } = require(''http-proxy-middleware'');
const { SecretsManagerClient,GetSecretValueCommand } = require(''@aws-sdk/client-secrets-manager'');
const pjson = require(''../app/config'');
const app = express();
async function getSecretsManager(){
return secrets; // (this functions correctly,redacting for security)
}
const buildProxies = async (app) => {
const proxies = pjson[''nonprod-proxies''];
const secrets = await getSecretsManager();
let proxiesToMap = [];
proxies.forEach(proxy => {
console.log(`[PROXY SERVER] Creating proxy for: ${proxy[''proxy-path'']}`);
let target,headers,options;
const rewrite = `^${proxy[''proxy-path'']}`;
if (proxy[''internal''])
{
target = `https://${secrets[''apiDomain'']}`;
headers = {''x-api-key'': secrets[''apiKey'']};
options = {
target: target,changeOrigin: true,logLevel: ''debug'',headers
}
} else {
target = proxy[''proxy-domain''];
options = {
target: `https://${target}`,pathRewrite: {
[rewrite]: ''''
}
}
}
proxiesToMap.push({''path'': proxy[''proxy-path''],''options'': options})
});
return proxiesToMap;
};
module.exports = function(app){
buildProxies().then(proxies => {
proxies.forEach(proxyVal => {
console.log(`Proxy: ${proxyVal[''path'']} with options ${proxyVal[''options'']}`);
app.use(proxyVal[''path''],createProxyMiddleware(proxyVal[''options'']))
});
});
console.log(''=== SUCCESSFULY CREATED PROXY SERVER ==='');
};
这会导致 localhost:3000 返回样板 html cors 响应,但是,当将 module.exports 的代码替换为:
app.use(''/internal/*'',createProxyMiddleware({
target: ''<my aws secret url>'',headers: { ''x-api-key'': ''<my aws secret api key>'' }
}));
代理工作。有没有办法在 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的相关信息,可以在本站进行搜索。
本文标签: