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 小时前
Webpack loader 的执行机制
前端·webpack·rust
前端老宋Running3 小时前
一次从“卡顿地狱”到“丝般顺滑”的 React 搜索优化实战
前端·react.js·掘金日报
4***14904 小时前
TypeScript在React中的前端框架
react.js·typescript·前端框架
带只拖鞋去流浪6 小时前
迎接2026,重新认识Vue CLI (v5.x)
前端·vue.js·webpack
y***54886 小时前
TypeScript在React项目中的状态管理
javascript·react.js·typescript
努力往上爬de蜗牛10 小时前
react native真机调试
javascript·react native·react.js
小奶包他干奶奶13 小时前
Webpack学习——Loader(文件转换器)
前端·学习·webpack
小奶包他干奶奶13 小时前
Webpack学习——原理理解
学习·webpack·devops
小猪努力学前端15 小时前
在 React + React Router v7 SSR 项目里做多端适配,我踩的两个坑
前端·react.js
weixin79893765432...15 小时前
Electron + React + Vite 实践
react.js·electron·vite