当前位置: 首页 > 面试题库 >

create-react-app构建部署在LAMP / XAMPP / WAMP上

瞿和硕
2023-03-14
问题内容

如何在Apache WAMP / XAMPP服务器上部署构建?

我创建了一个应用,create-react-app并且在此应用上有两个页面

当我执行yarn startnpm start运行正常并且所有页面在URL导航或按钮单击上均正确呈现时

我执行了构建命令

npm运行构建

它会在文件夹中生成所有staticindex.html文件build

我搬到这个build文件夹中的内容wwwwamp文件夹,并执行对URL http://localhost的只显示主页。然后下一页给出404 not found error

但是当我执行servenpm命令的模块时,它在http://localhost:5000

服务构建

请帮我如何解决这个问题?

我必须将应用程序部署在WAMP服务器上,所有都是静态页面,没有其余的api内容


问题答案:

默认情况下,您的react项目被构建为直接部署到服务器的“ www”(根)文件夹中。因此,您可以将项目“ build”文件夹的内容复制到WAMP“
www”文件夹,然后在浏览器中转到http:// localhost /。您的项目将显示。

或者,您可能要使用WAMP根子 文件夹 ,例如’www / react /’。在这种情况下,将 主页 密钥添加到package.json文件中:

"homepage": "http://localhost/react/",

然后再次构建您的项目:

npm run build

最后,将项目“ build”文件夹的内容复制到“ www / react /”。要显示您的项目,请访问http:// localhost / react/



 类似资料:
  • 问题内容: 我正在尝试在Google App Engine上部署使用create-react-app创建的应用程序。 我的应用程序在本地(和)都可以正常运行。但是,在Google App Engine上部署的应用程序仅显示index.html,并且不会调用我的react代码。 Chrome开发者控制台显示。 另外,我在console.cloud.google.com上发现,已部署的应用程序不包含构

  • 问题如下: 想要在React 项目执行yarn build 时, 给index.html 增加后缀 没有使用react-eject, 使用的是crao 替代, 但是craco.config.js 配置 HtmlWebpackPlugin不生效。 craco.config.js 配置如下: package.json 部分组件版本如下: 执行yarn build 打包后,配置无效, 请教各位大佬们了

  • 问题内容: 我有一个使用Expressjs的前端create-react-app和一个后端API。 我已将后端API成功部署到Google App Engine。 但是现在我需要将create-react-app部署到Google Cloud,这变得 非常令人困惑,我尝试了一段时间的google,目前尚无真正/推荐的 方法。 至少我看到其他人建议以两种方式这样做: =>我看到使用这种方式有一个缺点

  • 我使用create react应用程序已经有一段时间了。“npm start”或“yarn start”自动重装本身工作正常,但现在我有了另一个问题。目前,我在express server上通过build文件夹运行应用程序,我使用“npm run build ”,因为express正在提供构建文件。有许多api调用要求应用程序以这种方式运行。现在,每次手动执行“npm运行构建”变得很乏味。有没有一

  • Python 2.7 64bit Django 1.3 WAMP 2.2(Apache 2.2.22)64位 mod_wsgi3.4 64位 Windows 7 64bit 由Django的start项目生成。位于默认 /myapp/myapp/wsgi.py 鉴于上述上下文,无法在WAMP上部署Django应用程序。 “Hello World”测试wsgi应用程序运行良好,因此我已确认mod_w

  • Create React App 不用配置就可以创建 React App。 全局安装: npm install -g create-react-app 创建 App: create-react-app my-appcd my-app/ 启动 npm: npm start 打开 http://localhost:3000/  查看你的 App。 如果你准备将其部署到生产环境,只需创建一个压缩包,并且运行 npm run build。