如何解决Webpack开发服务器,Cors出现问题,因为引荐来源网址在本地主机上有差异端口
注意:在本地,我正在使用webpack开发服务器。
我的本地主机是端口8081,并且遇到了一个期望引用为“本地主机”的后端。我相信起源会加剧这一点。我的错误是:
Access to fetch at 'http://localhost/api/clients/carts' from origin 'http://localhost:8081' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.
我已经如下修改了Webpack开发服务器:
devServer: {
port: 8081,contentBase: './src',historyApiFallback: true,hot: true,headers: {
// WITH and WITHOUT THIS
"Access-Control-Allow-Origin": "*"
},proxy: {
secure: false,changeOrigin: true,bypass: (req,res) => {
if (req.headers && req.headers.referer) {
req.headers.referer = 'http://localhost';
}
},},
const requestOptions: RequestOptions = {
credentials: 'include',method,headers: {
Accept: 'application/json','Content-Type': 'application/json',};
即使我尝试覆盖引荐来源,我仍然可以得到它:
Referer: http://localhost:8081/products
注:看来,我有在端口80上运行的Nginx。因此,我需要webpack仍然像来自本地主机的行为一样。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。