将 React 应用程序站点部署到 cPanel 上的根文件夹时出错?

问题描述 投票:0回答:0

所以我遇到了一个我无法弄清楚的问题...我有一个站点部署了一个working,例如:www.mydomain.com/v1/,V1文件夹是我在实施过程中的测试文件夹,因为de“www.mydomain.com”是一个简单的 html 文件,其中包含正在建设的信息...

现在我尝试将其部署到根文件夹/域中运行www.mydomain.com

在 CPANEL 中我有:

在应用程序根目录中,我必须设置一个文件夹,因为它不允许在根文件夹上设置:(不允许目录“public_html”)

在实施过程中,我在现场应用程序URL/V1/(mydomain.com/v1/

由于我只想在这个新应用程序中使用 mydomain.com,因此我将字段 Application URL 留空。

在我的文件夹public_html/site中,我有命令的结果:npm run build,这是文件夹BUILD的内容,除了.htaccess,因为我让该文件位于根文件夹中以重定向所有请求到此文件夹“site

但这不起作用...我检查我的日志文件(drar.log)

App 3970460 output: /home/designe3/public_html/site/index.html:1 App 3970460 output: <!doctype html><html lang="pt"><head><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta charset="UTF-8"><meta name="author" content="Bruno Rebelo"><meta name="google-site-verification" content="verification_token"/><meta name="yandex-verification" content="verification_token"/><meta name="msvalidate.01" content="verification_token"/><meta name="alexaVerifyID" content="verification_token"/><meta name="p:domain_verify" content="code_from_pinterest"/><meta name="norton-safeweb-site-verification" content="norton_code"/><meta name="robots" content="index,follow"><meta name="googlebot" content="index,follow"><meta name="google" content="nositelinkssearchbox"/><meta name="google" content="notranslate"/><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"/><link rel="manifest" href="favicon/site.webmanifest"><link rel="manifest" href="manifest.json"/><link rel="stylesheet" charset="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"/><script defer="defer" src="./static/js/main.ed6f1117.js"></script><link href="./static/css/main.5a63c539.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html> App 3970460 output: ^ App 3970460 output: SyntaxError: Unexpected token '<' App 3970460 output:     at Object.compileFunction (node:vm:360:18) App 3970460 output:     at wrapSafe (node:internal/modules/cjs/loader:1126:15) App 3970460 output:     at Module._compile (node:internal/modules/cjs/loader:1162:27) App 3970460 output:     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1252:10) App 3970460 output:     at Module.load (node:internal/modules/cjs/loader:1076:32) App 3970460 output:     at Function.Module._load (node:internal/modules/cjs/loader:911:12) App 3970460 output:     at Module.require (node:internal/modules/cjs/loader:1100:19) App 3970460 output:     at Module.require (/opt/cpanel/ea-ruby27/root/usr/share/passenger/helper-scripts/node-loader.js:80:25) App 3970460 output:     at require (node:internal/modules/cjs/helpers:108:18) App 3970460 output:     at loadApplication (/opt/cpanel/ea-ruby27/root/usr/share/passenger/helper-scripts/node-loader.js:243:2)

我有这个错误:SyntaxError:意外的标记'<'

在我的浏览器中我得到:

`禁止 您无权访问此资源。

此外,尝试使用 ErrorDocument 处理请求时遇到 403 Forbidden 错误。`

有人可以帮助我吗?

谢谢 布鲁诺

此时我的package.json已将主页设置为“.”

"homepage": "."

我已经尝试过了:

"homepage": "mydomain.com"
"homepage": "mydomain.com/site/"

在我的根文件夹(public_html)中,我有一个 .htaccess 文件,其内容为:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} ^mydomain\.com$ [NC]
RewriteCond %{REQUEST_URI} !^/site/
RewriteRule ^(.*)$ /site/$1 [L]
</IfModule>
reactjs .htaccess syntax-error cpanel
© www.soinside.com 2019 - 2024. All rights reserved.