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

相关推荐
mCell3 小时前
React 如何处理高频的实时数据?
前端·javascript·react.js
一只小阿乐5 小时前
react 点击事件注意事项
前端·javascript·react.js·react
鹏多多5 小时前
详解React组件状态管理useState
前端·javascript·react.js
J***Q29211 小时前
前端路由,React Router
前端·react.js·前端框架
1***815311 小时前
前端路由参数传递,React与Vue实现
前端·vue.js·react.js
4***V20212 小时前
前端框架对比:Angular vs React
react.js·前端框架·angular.js
谢尔登15 小时前
通用会话控制方案
前端·网络协议·tcp/ip·react.js·gitlab
q***T5831 天前
前端路由懒加载实现,React与Vue
前端·vue.js·react.js
Jseeza1 天前
React常见hooks及运用场景梳理(一)——useState、useEffect
react.js