如何在 cPanel 服务器上使用 React 设置 SSL 证书？

Posted 2023-02-25

【中文标题】如何在 cPanel 服务器上使用 React 设置 SSL 证书？

【英文标题】：How can I set an SSL certificate with React on cPanel Server?

【发布时间】：2020-12-17 17:06:22

【问题描述】：

我是 React.js 的新手。

我正在尝试将 React.js 网站部署到不支持 Node.js 的 cPanel 服务器。所以我正在使用这些步骤：

npm run-script build 通过git-ftp将build文件夹内容移动到服务器的public_html

CPanel 有免费的 SSL。我已经在 php 中使用过很多次了。

我可以通过http://example.com 访问我的网站。但是当我尝试访问https://example.com 时，它会返回ERR_HTTP2_PROTOCOL_ERROR。

这是我的 package.json 文件：

  "name": "example",
  "version": "0.1.0",
  "private": true,
  "dependencies": 
    "@material-ui/core": "^4.11.0",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/styles": "^4.10.0",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "axios": "^0.19.2",
    "bootstrap": "^4.5.0",
    "fetch": "^1.1.0",
    "history": "^5.0.0",
    "react": "^16.13.1",
    "react-bootstrap": "^1.3.0",
    "react-dom": "^16.13.1",
    "react-helmet": "^6.1.0",
    "react-notifications-component": "^2.4.0",
    "react-owl-carousel2": "^0.3.0",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.1",
    "react-toast-notifications": "^2.4.0",
    "uuid": "^8.2.0"
  ,
  "scripts": 
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  ,
  "eslintConfig": 
    "extends": "react-app"
  ,
  "browserslist": 
    "production": [">0.2%", "not dead", "not op_mini all"],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  ,
  "homepage": "."

如何设置 HTTPS 协议并使页面正常工作？

【参考方案1】：

您可以将它安装在 cppanel 上的 ssl/tls 部分（这对我有用）

登录 cp 面板 输入用户名/密码 转到您的主页 点击 SSL/TLS 单击在域上安装 SSL 证书 - 您要安装的域。 输入您的域名 输入您的证书文件 点击安装 重新加载它。 -----bang ssl 已安装。

您可以使用免费的 ssl 网站，例如

HubSpot 让我们加密 科莫多 Cloudflare...等

【讨论】：

您是否更改了您的域名服务器？

当然。我可以访问example.com。这是关于 React 的事情