如何在cPanel上部署react应用程序？
我已经创建了一个具有以下文件夹结构的react应用程序
-public
--dist
-bundle.js
-Styes.css
--index.html
--图像
-server
--server.js
-src
--组件
--app.js
-.babelrc
-package.json
-webpack.config.js
我想把它上传到cPanel。这有可能吗？我还需要上传node_modules/文件夹吗？
回答 7
Stack Overflow用户
发布于 2019-09-04 11:47:19
步骤1:在package.json文件中添加"homepage": ".",-->
步骤2：npm run build -->这将创建一个构建文件夹。
第3步:创建一个.htaccess，它将如下所示
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>步骤4:现在获取build文件夹中的所有文件以及您的htaccess，并将它们放在所需的域或子域中
Stack Overflow用户
发布于 2019-03-26 18:39:42
按照以下步骤在CPanel上部署React网站
Step(1) : Under your local project directory run this command "npm
run build" or "yarn build" then "build" directory will be created. This directory contains the bundle of all static files with dependencies which you can directly copy onto your production server.
Step (2) : Go to inside the "build" folder and select all files and compress or make a Zip then upload in cpanel it will work. 注意:对于react应用程序，不需要上传整个项目，我们只需要部署"build“目录。
Stack Overflow用户
发布于 2020-11-11 13:49:12
在Cpanel/Server上部署React App。请按照以下步骤操作
Step 1)转到Package.json文件并添加此属性"homepage":"http://yourdomain.com"，然后将您的域粘贴到其中。喜欢
Step 2)现在使用npm run build构建应用程序
在您的项目目录中，它将创建一个build文件夹，其中将包含项目的所有静态文件。压缩所有文件并上传到网站运行的cpanel目录。
Step 3)创建一个.htaccess文件并将其放在根目录下。并将以下代码粘贴到.htaccess文件中。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>现在运行您的项目。看起来不错。
谢谢
https://stackoverflow.com/questions/49939601
复制相似问题