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

相关推荐
王林不想说话27 分钟前
受控/非受控组件分析
前端·react.js·typescript
张有志35 分钟前
基于 Body 滚动的虚拟滚动组件技术实现
前端·react.js
菥菥爱嘻嘻2 小时前
组件测试--React Testing Library的学习
前端·学习·react.js
LYFlied4 小时前
Webpack 深度解析:从原理到工程实践
前端·面试·webpack·vite·编译原理·打包·工程化
之恒君4 小时前
React 性能优化(方向)
前端·react.js
阿里巴啦5 小时前
从零搭建移动端数字人生成应用:React + Go + D‑ID 实战
react.js·golang·状态模式·数字人·did·ai移动端数字人
泥菩萨^_^6 小时前
【每天认识一个漏洞】React 和 Next.js RCE漏洞
前端·javascript·react.js
LYFlied6 小时前
从循环依赖检查插件Circular Dependency Plugin源码详解Webpack生命周期以及插件开发
前端·webpack·node.js·编译原理·plugin插件开发
一只爱吃糖的小羊7 小时前
React 避坑指南:“闭包陷阱“
前端·javascript·react.js
by__csdn7 小时前
大前端:定义、演进与实践全景解析
前端·javascript·vue.js·react.js·typescript·ecmascript·动画