在服务器上部署 React App 时 MIME 类型检查失败答案

【问题标题】：MIME type checking failure when deploying the React App on the server在服务器上部署 React App 时 MIME 类型检查失败
【发布时间】：2019-01-03 00:54:28
【问题描述】：

我正在公共服务器上部署我的 React 应用程序，但是当我打开它时，我只是得到空白页。

为了部署我所做的应用程序：

1) 运行“npm run build”以缩小代码并放入构建文件夹
2) 将新 index.html 文件中的本地 URL 替换为正确的服务器 URL。

不过，当我尝试在控制台中打开网站时，出现这些错误。

有什么想法吗？

【问题讨论】：

我们可以看看您是如何在您的应用程序中访问这些资源的吗？可能与this 和that 有关。
我基本上将指向原始 React 文件夹的本地 URL 替换为服务器中的新文件夹。 src="./public_html/static/js/main.f5239b39.js"
您更改了索引 html 的缩小版本以将脚本地址指向服务器上的其他位置？
检查您的<stylesheet> 和<javascript> 元素是否具有预期的type
@Jayffe，是的，我在名为 public_html 的服务器文件夹上寻址，我存储了应用程序本身

标签： javascript html reactjs server web-hosting

【解决方案1】：

通过编辑这个来编辑 webpack 配置：

     devServer: {
       historyApiFallback: true
          }

并将其添加到 public/index.html：

  <base href="/" />

希望有帮助

【讨论】：

你的意思是package.json中的webpack字符串吗？如果没有，在哪里？另外，您的意思是我应该将每个 href 都包含在基本标记中吗？
webpack.config 文件中的 Webpack 配置，您只需要在 index.html 文件中更改基本标记，而不是每个文件

【解决方案2】：

我只是更正了 url 解决了这个问题。

由于在 url 开头输入了“./”，我已经访问了“public”文件夹，因此无需输入“./public”。

还是谢谢你。

【讨论】：