![](/img/trans.png)
[英]ERR_REQUIRE_ESM and Package.json error on Next.js. after updating. How to fix?
[英]How to use proxy in package.json in next.js?
在create-react-app
(s) 中,可以像這樣在package.json
中指定一個代理:
{
"name": "client",
"version": "0.1.0",
"private": true,
>>> "proxy": "http://localhost:5000", <<<
"dependencies": {
...
},
"scripts": {
...
},
"eslintConfig": {
...
},
"browserslist": {
"production": [
...
],
"development": [
...
]
}
}
在 next.js 應用程序中執行相同操作沒有任何效果。 有解決方法嗎? 當開始停用舊的前端但仍在使用后端時,這將特別有用。
嘗試使用 npm 中的 package 為 Express 創建 Node.js 代理: http-proxy-middleware
然后您可以配置目標選項以將請求代理到正確的域:
const proxy = require('http-proxy-middleware')
app.use('/api', proxy({ target: 'http://localhost:5000', changeOrigin: true }));
在此處查找 next.js 的類似 package: next-http-proxy-middleware
另一種方法是使用重寫配置: https://nextjs.org/docs/api-reference/next.config.js/rewrites
module.exports = {
async rewrites() {
return [
{
source: '/api/:slug*',
destination: 'http://www.example.com/api/:slug*'
},
]
},
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.