基于create-react-app的打包后文件路径问题

Question

没有去修改create-react-app默认的配置文件

执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在根目录访问

这样放在服务器目录就访问不到了

报错为

手动更改index.html的路径之后又报静态资源引入错误

报错

望大神指点如何修改配置文件来解决路径的问题

Answer 1

这里有你想要的答案

根本不需要去改什么node_modules,直接在package.json里加 "homepage":"." 就OK了，会在路径前加homepage的值

Answer 2

详细修改可以看这里 http://weifei520120.blog.163....

Answer 3

看官方文档，里面有说明的 详见这里

Answer 4

问题解决了吗？我也遇到这个问题了，怎么解决啊？哪里修改配置吗？

Answer 5

您好！ 请问 把build 里的文件 放到服务器报如下错误 怎么解决呢。
Error during service worker registration: DOMException: Failed to register a ServiceWorker: The URL protocol of the current origin ('null') is not supported.

Answer 6

在 config/paths.js 的文件下修改 ensureSlash 这个函数，
function ensureSlash(path, needsSlash) {
const hasSlash = path.endsWith('/');
if (hasSlash && !needsSlash) {

return path.substr(path, path.length - 1);

} else if (!hasSlash && needsSlash) {

return `${path}/`;

} else {

return `.${path}`; 

}
}