【问题标题】:How can I deploy my react app with parcel bundler to Bluehost server?如何将我的带有包裹捆绑器的反应应用程序部署到 Bluehost 服务器?
【发布时间】:2021-04-14 13:51:44
【问题描述】:
所以我正在尝试部署一个使用 React 和 Parcel JS 捆绑器构建的应用程序。
我的问题是,如果它不是部署到 Github 页面,而是部署到像“BlueHost”这样的服务器,例如,
是否在 parcel build 命令后上传 Parcel 捆绑的“Dist”文件夹?
如果是这样,有人可以解释上传“dist”文件夹后该过程是如何工作的。
它是如何找到“index.html”的。
我只是想将一个 react 和 parcel 项目放到我托管在 (BLueHost) 上的投资组合网站上,不想为这个特定项目使用 Github 页面。
希望这有意义吗?
谢谢!
【问题讨论】:
标签:
javascript
reactjs
parcel
bluehost
【解决方案1】:
假设您的网络应用程序所需的所有文件都在 dist 目录中,那么是的,这就是您要上传的文件。您将需要使用 Web 服务器为它们提供服务。您可以自己编写一个简单的服务器,例如这个 Node 示例:
const express = require('express')
const app = express()
app.use(express.static(__dirname + '/dist'))
app.listen(8000, () => { console.log('listening') })
或者您可以使用现有的 Web 服务器,例如 Nginx、Apache 或 Caddy,您需要在服务器上安装和配置这些服务器。除非有一个进程在 Web 可访问的端口上实际为它们提供服务,否则无法访问位于服务器上的文件。
This tool 来自 DigitalOcean,但它非常有用,如果您决定在 BlueHost 上使用 Nginx,应该会对您有所帮助。