设置了"homepage":"http://localhost:3000/dianping 后fetch请求url错误

首页课程实战体系课手记专栏慕课教程

设置了"homepage":"http://localhost:3000/dianping 后fetch请求url错误

来源：15-4 项目构建和部署

therapists

2020-11-19

在package.json中设置了
"homepage":"http://localhost:3000/dianping 后
再去本地start应用发现fetch请求url都发生错误了，如下图
断点处url还是正常的
url正常
报错：Failed to load resource: net::ERR_TOO_MANY_REDIRECTS
图3处报错:
Failed to load resource: net::ERR_TOO_MANY_REDIRECTS
url都是正常的，但是在浏览器观察这些ajax请求的url就有问题了：
请求路径变得很长

请求路径变为了：
http://localhost:3000/mock/products/\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\dianping\mock\products\likes.json

非常奇怪，我试过，只要设置了homepage就会这样，删除就好了！

写回答

1回答

艾特老干部

艾特老干部

2020-12-20

你好。homepage 设置的是应用部署地址的根路径，项目中的请求是基于相对地址进行请求的，无需设置homepage。而且，实际开发中，一般也不会把homepage 配置成一个绝对地址，因为这样做很容易因对homepage工作原理不清楚，而导致js、http请求地址的混乱。

0

0

React16+Redux实战企业级大众点评Web App

从架构设计到部署上线,带你学习React技术栈与核心思想

1071 学习 · 306 问题

相似问题

真实项目不会考虑使用fetch的

回答 1

我按照讲师的写法写的，代理，但是报这个错，表示不理解，希望讲师帮忙帮看看，谢谢~

回答 1

按照老师的三种解决代理mock的方法，重启项目，没有代理到接口

回答 1

请问如何配置协同开发

回答 2

reducer中发送多个fetch请求

回答 1

打开慕课网App查看更多内容