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.js
XiaoSong12 小时前
从未有过如此丝滑的React Native开发体验:EAS开发构建完全指南
前端·react.js
用户76787977373214 小时前
后端转全栈之Next.js数据获取与缓存
react.js·next.js
小仙女喂得猪16 小时前
2025 Android原生开发者角度的React/ReactNative 笔记整理
react native·react.js
艾小码17 小时前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js
骑自行车的码农17 小时前
【React用到的一些算法】游标和栈
算法·react.js
小高00717 小时前
🔍说说对React的理解?有哪些特性?
前端·javascript·react.js
XTransfer技术18 小时前
RN也有微前端框架了? Xtransfer的RN优化实践(一)多bundle架构
前端·react native
光影少年18 小时前
webpack打包优化
webpack·掘金·金石计划·前端工程化
江城开朗的豌豆19 小时前
从生命周期到useEffect:我的React函数组件进化之旅
前端·javascript·react.js