首頁猿問 Gatsby.js-表示服務器的代理

Gatsby.js-表示服務器的代理

JavaScript

慕村225694 2021-04-11 16:19:21

我想為我的簡單快遞服務器設(shè)置代理。我添加了cors政策，當我像這樣調(diào)用api時，一切工作正常：fetch('http://localhost:3000/tasks')但是當我在gatsby.config.js中設(shè)置代理時，如下所示：proxy: { prefix: '/', url: 'http://localhost:3000' },并致電：fetch('/tasks)我收到此錯誤：未處理的拒絕（SyntaxError）：JSON中位置0處的意外令牌<如何在gatsby.js中正確設(shè)置代理？

查看完整描述

2 回答

喵喵時光機

TA貢獻1846條經(jīng)驗獲得超7個贊

我認為您不能將root用作代理。在蓋茨比開發(fā)，代理，像這樣處理這個：

app.use(`${prefix}/*`, (req, res) => { ... }

因此，如果prefix將設(shè)置為/，它將變?yōu)?/*不起作用。即使/*gatsby的工作原理像一樣，所有來自gatsby服務器的路由都將重定向到代理服務器，因為proxy的先例比其余路由要高，因此gatsby根本沒有任何機會提供任何頁面。

prefix必須是一個以斜杠開頭的單詞，即/api：

proxy: {

prefix: '/api',

url: 'http://localhost:3000'

},

然后，您可以使用它：

fetch(`/api/tasks`)

反對回復 2021-04-22

溫溫醬

TA貢獻1752條經(jīng)驗獲得超4個贊

這應該發(fā)表評論，但是格式不好，所以我將其發(fā)布為答案。我不確定確切的原因是什么，但是有一些想法可以幫助您進行調(diào)試。

您可能會收到帶有內(nèi)容類型標頭的HTML響應，說它是JSON。通過檢查瀏覽器devtools中的網(wǎng)絡(luò)面板來驗證是否是這種情況。
確保該請求確實命中了您的快遞服務器。如果1.為true，則很有可能沒有到達Express服務器，HTML來自Gatsby的dev服務器。
如果以上兩點都正確，那么也許可以調(diào)試Gatsby源代碼以找出為什么決定處理該請求而不是轉(zhuǎn)發(fā)該請求。德里克·阮（Derek Nguyen）指出了地點。它也是一個快速服務器，因此對您來說應該沒問題。

反對回復 2021-04-22