react native web RN webpack nginx 部署

复制代码
# nginx配置
location /app {
    root   html;
    index  index.html;
    # url 切换时始终返回index.html
    try_files $uri /app/index.html;
}
# 图片样式缓存1年
location ~* /app.*\.(js|css|png|jpg)$
{
    access_log off;
    expires    365d;
}
# html/xml/json 文件不缓存
location ~* /app.*\.(?:manifest|appcache|html?|xml|json)$
{
    expires    -1;
}


// package.json
"homepage": "http://localhost/app",

// react-router路由配置
// 注意指定basename
<BrowserRouter basename='/app'>
</BrowserRouter>

参考

https://www.cnblogs.com/BrickDogs/p/15952532.html

真实环境部署我们的React到Nginx容器-阿里云开发者社区

相关推荐
放下华子我只抽RuiKe58 小时前
FastAPI 全栈后端(三):数据库与 ORM
前端·数据库·react.js·oracle·性能优化·前端框架·fastapi
SwJieJie12 小时前
Webpack vs Vite 构建工程化实战(Vue 项目深度解析)
前端·vue.js·webpack·node.js
oioihoii14 小时前
探索React与Microi吾码的完美结合:快速搭建项目,低代码便捷开发教程
react.js·低代码·rxjava
超哥--20 小时前
B站视频内容智能分析系统(九):React 前端与管理面板
前端·react.js·前端框架
光影少年1 天前
懒加载与分包:React.lazy + Suspense
前端·react.js·掘金·金石计划
Aolith1 天前
React 路由守卫:我用一个组件替代了 Vue 的 beforeEach
前端·react.js
墨狂之逸才1 天前
TRAE IDE 提效实战指南:少加班,多摸鱼
react native
Maimai108081 天前
Web3 前端交易系统如何落地:从下单 UI 到 Operation 编码、签名与实时状态更新
前端·react.js·ui·架构·前端框架·web3
Cxiaomu1 天前
React接入WebRTC实时视频实践
react.js·音视频·webrtc