npm run build
我建立一个简单的反应应用程序 https://bucolic-cactus-df8515.netlify.app/;这就是我所看到的build/
folder
jdoe@AIR ~/Sites/react/alphabets/build main ± tree
.
├── asset-manifest.json
├── favicon.png
├── index.html
└── static
├── css
│ ├── main.f05a5dc1.css
│ └── main.f05a5dc1.css.map
└── js
├── main.cec1e2e8.js
├── main.cec1e2e8.js.LICENSE.txt
└── main.cec1e2e8.js.map
4 directories, 8 files
Since
我还有一个部署的 Laravel 站点。
我想我可以把它放在我的“public/”中并像这样导航到它。
https://www.bunlongheng.com/react/alphabets/ https://www.bunlongheng.com/react/alphabets/
我尝试过 SCP 我的build/
it to public/react/alphabets/build
在我的服务器中。
当我访问它时,我没有看到错误,没有禁止,但看到一个白屏。
我需要一种尽可能简单地部署 React 项目的方法,因为我的目标是部署多个......例如。
mysite/react/first-project
mysite/react/second-project
mysite/react/third-project
mysite/react/forth-project
and so on...
并保留我的主网站...
对我有什么提示吗?我知道我已经很接近了。
您的标题表示为子域,但您的示例网址是子目录/子文件夹。所以我假设你的意思是如何将 React 应用程序构建为子目录。
空白页表示资源未加载,因为资源路径使用根路径(/
)。要更改基本路径,您只需添加basename
到您的路由器:
<Router basename={'/react/alphabets/build'}>
<Route path='/' component={Home} />
</Router>
而且你还需要添加homepage
到 package.json。例子:
{
"name": "react-example",
"homepage": "/react/alphabets/build",
或者您需要移动/复制的另一种方式public/react/alphabets/build/static
to public/static/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)