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

相关推荐
Hello--_--World8 小时前
Webpack:Webpack 核心配置、什么是 Loader? 什么是plugin?webpack 构建流程
前端·webpack·node.js
openKaka_9 小时前
从 performWorkOnRoot 到 workInProgress tree:React 真正开始 render 的地方
前端·javascript·react.js
nunumaymax9 小时前
【第四章-react ajax】
前端·react.js
爱滑雪的码农9 小时前
React+three.js之场景(Scene),相机(Camera)
前端·javascript·react.js
Lee川9 小时前
登录注册模块的 JWT 认证机制详解
前端·后端·react.js
杨大厨wd1 天前
React 列表页别再手写 useEffect 请求了:从 0 认识 useQuery
react.js
搜狐技术产品小编20231 天前
深度解析与业务实战:将 screenshot-to-code 改造为支持 React + Ant Design 的前端利器
前端·javascript·react.js·前端框架·ecmascript
Ruihong1 天前
🔥Vue 转 React 实战:VuReact 实时监听开发指南
vue.js·后端·react.js
Hello--_--World1 天前
React:useRef 超详细教程、forwardRef 详解、useImperativeHandle详解
前端·javascript·react.js