Browse Source

前端打包发布添加gzip模式

pull/10/head
王军 5 years ago
parent
commit
0097fbdf72
  1. 24
      Readme.md
  2. 4
      vben271/.env.production
  3. 16
      vben271/_nginx/nginx.conf
  4. BIN
      vben271/public/resource/img/pwa-192x192.png
  5. BIN
      vben271/public/resource/img/pwa-512x512.png
  6. BIN
      vben271/src/assets/images/demo.png
  7. BIN
      vben271/src/assets/images/header.jpg

24
Readme.md

@ -1,6 +1,6 @@
<div align="center">
[Abp Vnext Pro](https://github.com/WangJunZzz/abp-vnext-pro) 的 Vue3 实现版本 开箱即用的中后台前端/设计解决方案
[Abp Vnext Pro](https://github.com/WangJunZzz/abp-vnext-pro) 的 Vue3 实现版本 开箱即用的中后台前端/设计解决方案
<table>
<tr>
@ -24,7 +24,7 @@
基于 ABP Vnext4.4.0 的微服务架构,基于 DDD 思想开发,基于 vue3.0,Typescript,Antd 的后台管理框架,适用于大型分布式业务系统和企业后台。
- [文档地址](http://cncore.club/)
- [演示地址 http://120.24.194.14:8012/](http://120.24.194.14:8012/)
- [演示地址 ](http://120.24.194.14:8012/)
- 用户名:admin 密码:1q2w3E\*
@ -49,34 +49,14 @@
- [ ] 多租户
- [ ] 组织机构
#### 前端特别说明
- abp 有提供默认 api 为什么要重写 user,role,permission 接口?
- 因为前端的调用后台接口通过 nswag 生成了代理,api 提供的接口地址导致生成代理冲突所以重写了
- 在后端有接口变化请在前端执行 npm run nswag 重新生成代理
- 建议后端的方法设置为 post,前端会生成 typecript 的接口
- 后端使用 swagger 的时候 tag 请不要用中文 [SwaggerOperation(summary: "获取所有角色", Tags = new[] { "Role" })]
- 前端代理生成在 src/services 下,如何使用请参考用户模块
- 前端
- 多语言基于前端,后端 Api 的多语言基于 abp 自带的;
- 配置菜单,属性 meta.policy 不传代表不验证权限
- 按钮权限,v-auth 例如:v-auth=('AbpIdentity.Roles.Create')
### 使用
- 下载代码生成器,Git 仓库(https://github.com/WangJunZzz/abp-vnext-pro-gui)
![](https://blog-resouce.oss-cn-shenzhen.aliyuncs.com/images/abp/gui.png)
- 启动
- 前端 yarn
- 后端修改 mysql 和 redis 连接字符串
- 执行迁移控制台程序
- 启动 HttpApi.Host 和 IdentityServer4
#### 参与贡献

4
vben271/.env.production

@ -10,7 +10,7 @@ VITE_DROP_CONSOLE = true
# Whether to enable gzip or brotli compression
# Optional: gzip | brotli | none
# If you need multiple forms, you can use `,` to separate
VITE_BUILD_COMPRESS = 'none'
VITE_BUILD_COMPRESS = 'gzip'
# Whether to delete origin files when using compress, default false
VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
@ -34,7 +34,7 @@ VITE_USE_PWA = false
# Is it compatible with older browsers
VITE_LEGACY = false
VITE_BUILD_COMPRESS = 'gzip'
# 认证授权服务器地址
VITE_AUTH_URL='http://120.24.194.14:8013'

16
vben271/_nginx/nginx.conf

@ -28,15 +28,19 @@ http {
keepalive_timeout 65;
send_timeout 600;
# 开启gzip
#开启gzip功能
gzip on;
# 开启gzip_static
# gzip_static 开启后可能会报错,需要安装相应的模块, 具体安装方式可以自行查询
# 只有这个开启,vue文件打包的.gz文件才会有效果,否则不需要开启gzip进行打包
#开启gzip静态压缩功能
gzip_static on;
gzip_proxied any;
gzip_min_length 1k;
#gzip缓存大小
gzip_buffers 4 16k;
#gzip http版本
gzip_http_version 1.1;
#gzip 压缩级别 1-10
gzip_comp_level 5;
#gzip 压缩类型
gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;# 是否在http header中添加Vary: Accept-Encoding,建议开启gzip_vary on;
include /etc/nginx/conf.d/*.conf;
}

BIN
vben271/public/resource/img/pwa-192x192.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
vben271/public/resource/img/pwa-512x512.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
vben271/src/assets/images/demo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

BIN
vben271/src/assets/images/header.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Loading…
Cancel
Save