creat-react-app/dva静态项目,用nginx部署在次级域名路径(如a.com/sub/)需要注意的几点
2024-08-30 06:13:12
因为要把dist文件夹部署在一个域名的次级目录,没想到和运维同学一起折腾了一下午。。
放在这里备忘,也给后来的同学一些可查的中文资料:
1,dva/cra给你的模板index.html是在public里面的,webpack会原封不动拷到dist,其中引入index.js和index.css都是绝对路径,可以用webpack ejs插件生成htmnl,因为我用了dva,不太想改webpack 配置太多,这里选用直接手去掉前缀/变成相对路径
2, 项目里面使用了react-i18next, locale文件是放到public里面的,配置locale初始化的时候根据环境变量修改下引入八戒影院目录是/还是/sub/
3,路由react-router匹配的prefix前缀
const browserHistory = useRouterHistory(createHistory)({
basename: process.env.PUBLIC_PATH || '/',
})
如果是dva
import { createHistory } from 'history'
import { useRouterHistory } from 'react-router'
const app = dva({
history: browserHistory,
});
4,webpack设置publickPath:/sub/
5,nginx配置:
server {
listen 80;
server_name www.abc.com;
root /项目/root地址/不带sub;
location /sub {
try_files $uri $uri/ /sub/index.html;
}
}
最新文章
- jQuery源码学习感想
- arcgis api for js共享干货系列之二自定义Navigation控件样式风格
- SharePoint 2013 中的 PowerPoint Automation Services
- Android成长日记-数据存储之SQLite[2]
- 完整java开发中JDBC连接数据库代码和步骤 JDBC连接数据库
- HDU-4681 String 枚举+DP
- Excel中将时间格式转化成时间戳格式
- C# Best Practices - Creating Good Properties
- 话说CentOS6的启动流程
- Android网络传输中必用的两个加密算法:MD5 和 RSA 及Base64加密总结
- fiddler 应用
- 函数纹理(国际象棋棋盘纹理&;粗布纹理)MFC
- Bitcoin Core钱包客户端的区块数据搬家指南
- String的substring方法
- JSON.parse()与JSON.stringify()高级用法
- Vue $createElement
- JSP中的内置标记(JSP动作)和 EL表达式
- android选取系统相册图片后,识别图中二维码
- ECNU 3247 - 铁路修复计划
- OpenGL ES 渲染立体图形
热门文章
- linux下设置SSH无密码登录
- HDFS读写策略
- LoadRunner问题解决
- connect() to 192.168.30.71:8082 failed (99: Cannot assign requested address) while connecting to upstream, client: 114.80.182.136, server: localhost, request: ";GET /home/senior HTTP/1.1";, upstream: ";
- python基础教程总结4—基本语句
- Cocos2d-x——导入Cocostudio资源
- 【UML】对象图Object diagram(转)
- halt, reboot, poweroff - 中止系统运行
- 剑指offer55 字符流中第一个不重复的字符(最典型错误)
- RenderBody,RenderPage和RenderSection