要解决CORS(跨源资源共享)错误,可以在所需API上启用CORS,或使用代理服务器来通过在客户端和服务器之间添加中间层来解决该问题。
以下是使用代理服务器来解决CORS错误的代码示例:
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/graphql',
createProxyMiddleware({
target: 'http://<YOUR_WIKI_JS_SERVER>:4000',
changeOrigin: true
})
);
};
在上面的代码示例中,使用了http-proxy-middleware库来中继到Wiki Js GraphQL API。 将TARGET字段更改为您的Wiki Js服务器的位置,然后将文件名保存为setupProxy.js,并将其放置在前端根目录的src /文件夹中即可。
另外,在Wiki Js服务器的CORS设置中,您需要配置允许来自您的前端应用程序的请求,并将其添加到允许访问的域名列表中。