React,create-react-app脚手架项目,打包上传到服务器

最新推荐文章于 2024-04-17 17:57:30 发布

sheep！

最新推荐文章于 2024-04-17 17:57:30 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： React 总结文章标签： React 上传到服务器打包 React脚手架

本文链接：https://blog.youkuaiyun.com/weixin_41777971/article/details/89602506

本文介绍了如何使用create-react-app创建的React项目进行打包，并将其上传到服务器进行部署。首先，在package.json中添加""homepage"":""."

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目使用create-react-app创建的

打开package.json。
在"name"同级上添加一个 “homepage”: “.” （如果已经存在则替换）

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "homepage": ".", 
  "dependencies": {...后面还有很多 省略}
  }

保存之后使用 npm run build 运行。
在根目录下会生成一个打包好的 build 文件。
将 build 这一个文件放到服务器上面(Tomcat,Apache,Nginx)中，就可以根据服务器地址访问了。

如果以上操作执行之后还是不行的话，可以按照顺序试一下下面这两个。

1.将路由部分的BrowserRouter更换为HashRouter ；使用HashRouter来代替BrowserRouter进行使用

import {BrowserRouter，HashRouter}from ‘react-router-dom’;

 render() {
    return (
      <Provider store={store} >
      <BrowserRouter>              //改这里
          <Header/>
          <Switch>          {/*从第一个开始匹配，匹配到了就停止*/}
          <Route path='/' exact component={Home}/>
          <Route path='