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

相关推荐
码路飞3 小时前
团队 AI 写了 3 个月 React,代码差点烂掉 —— 5 个坑 + 自动化防线
react.js
不可能的是4 小时前
彻底搞懂 Module Federation(中中):MF 模块加载(上)
前端·webpack
willow4 小时前
Webpack5基础与高级配置
webpack·性能优化
不可能的是4 小时前
彻底搞懂 Module Federation(中下):MF 模块加载(下)
前端·webpack
独特的账号4 小时前
前端浏览器插件的开发一步搞定
前端·react.js
sure2822 天前
React Native中创建自定义渐变色
前端·react native
墨狂之逸才2 天前
React Native 物理按键扫码监听终极方案:从冲突到完美共存
react native
Lupino2 天前
烧掉 10 刀 API 费,我才明白小程序虚拟列表根本不用“库”!
react.js·微信小程序
嚴寒2 天前
前端配环境配到崩溃?这个一键脚手架让我少掉了一把头发
前端·react.js·架构
古茗前端团队2 天前
嗯…微信小程序主包又双叒叕不够用了!!!
react.js