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

相关推荐
锂享生活2 小时前
金句闪卡生成器
前端·javascript·react.js
Qin_jiangshan3 小时前
flutter和reactNative以及uniapp区别
flutter·react native·uni-app
前端老宋Running5 小时前
useEffect 戒断指南与“鬼畜”的双重请求之谜
前端·react.js·面试
小p5 小时前
react学习12:状态管理redux
前端·react.js
redRain5 小时前
Next.js助你5分钟搭建AI聊天室
react.js·ai编程
BlackWolfSky5 小时前
React Native学习路径与资源推荐
javascript·学习·react native
鹏多多6 小时前
前端组件二次封装实战:Vue+React基于Element UI/AntD的高效封装策略
前端·vue.js·react.js
草明7 小时前
React Hydration 错误修复文档 server rendered text didn‘t match the client.
前端·javascript·react.js
随风一样自由7 小时前
React中实现iframe嵌套登录页面:跨域与状态同步解决方案探讨
javascript·react.js·ecmascript