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

相关推荐
10年前端老司机1 小时前
React无限级菜单:一个项目带你突破技术瓶颈
前端·javascript·react.js
前端小趴菜057 小时前
React - createPortal
前端·vue.js·react.js
爱编程的喵10 小时前
React Router Dom 初步:从传统路由到现代前端导航
前端·react.js
每天吃饭的羊10 小时前
react中为啥使用剪头函数
前端·javascript·react.js
谢尔登12 小时前
【React Native】样式、网络请求和Loading
网络·react native·react.js
TimelessHaze12 小时前
深入理解 JavaScript Event Loop:从原理到实战全解析
前端·javascript·react.js
G等你下课12 小时前
为什么你需要 useLayoutEffect?深入理解同步副作用
前端·react.js
Jackson_Mseven13 小时前
🎯 面试官:React 并发更新怎么调度的?我:Lane 就是调度界的 bitmap!
前端·react.js·面试
遂心_13 小时前
#React Router Dom 入门:构建现代单页面应用的前端路由方案
前端·javascript·react.js
爱编程的喵13 小时前
React Hooks + 自定义Hooks 打造现代化 Todo 应用:记事本
前端·react.js