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

相关推荐
用户23678298016826 分钟前
从 JSON.parse 到树形视图:实现一个在线 JSON 格式化工具
react.js
Highcharts.js4 小时前
用Highcharts如何动态向一个序列添加点
前端·javascript·react.js·highcharts
TechMasterPlus5 小时前
Hermes 深度解析:React Native 高性能 JavaScript 引擎实践指南
javascript·react native·react.js
FanetheDivine5 小时前
自定义useChat管理AI会话
前端·react.js·aigc
令人头秃的代码0_06 小时前
React Native Bundle更新升级
react native
yqcoder9 小时前
React 深度解析:类组件 (Class) vs 函数组件 (Function)
前端·javascript·react.js
lichenyang45312 小时前
从零到一:用 Taro + React 搭建数据采集小程序
react.js·小程序·taro
用户600071819101 天前
【翻译】React Native JSI 深度解析(第 3 篇):面向 JavaScript 开发者的 C++
react native
画画的阿飞1 天前
里程碑二:基于 webpack5 完成工程化建设
webpack
暗不需求1 天前
React项目架构深度解析:从0到1理解现代前端工程化
前端·javascript·react.js