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容器-阿里云开发者社区

相关推荐
码农学院8 小时前
React公众号开发:母婴用品会员积分体系技术方案
前端·react.js·前端框架
mONESY8 小时前
React TodoList 通俗讲解|彻底搞懂父子组件通信与状态管理
react.js
kisshyshy11 小时前
《端侧大模型(三)“精装修”日记:进度条整容、聊天框首秀》
react.js·typescript·代码规范
lymboy13 小时前
Spring AI的工具调用循环,本质就是ReAct:一次源码级拆解
人工智能·spring·react.js
Darling噜啦啦1 天前
React 组件化实战:从 TodoList 吃透父子通信与状态管理
react.js
bloglin999991 天前
langchain 和 langgraph 和 react
javascript·react.js·langchain
触底反弹1 天前
🚀 删了数据刷新又回来?3 组件 × 4 回调 × 3 坑讲透 React 父子通信
前端·javascript·react.js
sugar__salt1 天前
useState 深入浅出:React 状态管理的基石
前端·react.js·前端框架
moMo1 天前
状态管理第一步:React useState 核心行为完全拆解
react.js
拾年2752 天前
React 组件通信完全指南 —— 从 Todo App 搞懂父子组件那点事
react.js