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

相关推荐
Rabi'5 小时前
编译ATK源码
前端·webpack·node.js
未知原色8 小时前
web worker使用总结(包含多个worker)
前端·javascript·react.js·架构·node.js
开发者小天9 小时前
React中useMemo的使用
前端·javascript·react.js
im_AMBER9 小时前
weather-app开发手记 04 AntDesign组件库使用解析 | 项目设计困惑
开发语言·前端·javascript·笔记·学习·react.js
Bigger9 小时前
在 React 里优雅地 “隐藏 iframe 滚动条”
前端·css·react.js
刘成10 小时前
基于React Native 0.83.1 新架构下的拆包方案
react native
Bigger10 小时前
shadcn-ui 的 Radix Dialog 这两个警告到底在说什么?为什么会报?怎么修?
前端·react.js·weui
T___T11 小时前
React Props:从基础使用到高级组件封装
前端·react.js
学习非暴力沟通的程序员11 小时前
Immer 实战案例解析:让不可变数据操作更简单
react.js
AI陪跑15 小时前
深入剖析:GrapesJS 中 addStyle() 导致拖放失效的问题
前端·javascript·react.js