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

相关推荐
小程xy5 小时前
react 知识点汇总(非常全面)
前端·javascript·react.js
无知的小菜鸡5 小时前
路由:ReactRouter
react.js
zifer10 小时前
在 Webpack 中使用 TypeScript语言 编写配置文件的完整指南
webpack
zqx_71 天前
随记 前端框架React的初步认识
前端·react.js·前端框架
Tandy12356_2 天前
js逆向——webpack实战案例(一)
前端·javascript·安全·webpack
TonyH20022 天前
webpack 4 的 30 个步骤构建 react 开发环境
前端·css·react.js·webpack·postcss·打包
你会发光哎u2 天前
Webpack模式-Resolve-本地服务器
服务器·前端·webpack
掘金泥石流2 天前
React v19 的 React Complier 是如何优化 React 组件的,看 AI 是如何回答的
javascript·人工智能·react.js
lucifer3112 天前
深入解析 React 组件封装 —— 从业务需求到性能优化
前端·react.js