繁体   English   中英

在React中将所有内容放在http:// localhost:3000 / app而不是http:// localhost:3000 /的最简单方法

[英]Simplest way to put everything under http://localhost:3000/app instead of http://localhost:3000/ in React

如何更改React app的根路径,具体是:所有html,css和js都在http:// localhost:3000 / app下,而不仅仅是http:// localhost:3000

有没有一种简单的方法来修改现有的应用程序只有一个级别?

(这在反向代理时非常有用,例如在React前面使用nginx或apache)

请注意,编译的项目在任何地方也应该具有相同的/ app前缀

非常感谢

找到编译代码的解决方案!

添加到package.json

  "homepage": "/app/",

添加到index.html

<head>
  <base href="%PUBLIC_URL%/">
</head>

现在使用npm run build应用npm run build

将文件复制到Web服务器(例如Nginx) cp -r build /usr/share/nginx/html/app

访问此处:

http://localhost/app

所以所有路径都应该有app/ now前缀

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2025 STACKOOM.COM