reactapp项目在gitee上部署静态页面保姆级教程

qq_40844651

已于 2022-10-07 21:02:41 修改

阅读量848

点赞数 2

文章标签：前端 javascript react git

于 2022-10-07 20:45:52 首次发布

本文链接：https://blog.csdn.net/qq_40844651/article/details/127198289

版权

本文提供了一步一步的教程，教你如何将使用create-react-app创建的项目或者已有成熟项目部署到Gitee Pages。主要内容包括安装gh-pages、修改package.json文件、将BrowserRouter替换为HashRouter，以及解决部署过程中的常见问题。对于动态项目，作者指出需要考虑使用nodeJS处理ajax请求。

摘要由CSDN通过智能技术生成

1.现在你已经有了经过create-react-app创建的项目（A，脚手架空架子）、或者已经成熟的经过了丰富的项目（B，它里面有路由、页面逻辑等）

（1）安装gh-pages

npm install gh-pages --force

（2）修改package.json文件

homepage保证能访问到资源，不至于404，注意在原来的“scripts”中添加下面的代码

{ 
    ......
    "homepage": "./",
    "private": true,
    "dependencies": {
    ......
    }
    "scripts": {
        ......
        "predeploy": "npm run build",
        "deploy":"gh-pages -d build"
    },
}