vue、react配置gzip打包后,删除源文件deleteOriginalAssets: true,nginx需要的配置
1、删除源文件后,配置了gzip,当配置gzip删除源文件后,解决前端history问题,就会出现所有的都返回html,请求js、css也会返回html,页面会报错,如下配置即可
 location / {
            root   e:/build;
            index  index.html index.htm;
            gzip_static on; #查找静态文件
            try_files $uri $uri/ /index.html; #找不到返回html,处理前端history路由模式
        }
          #静态文件交给nginx处理
        location ~* \.(jpg|jpeg|png|gif|css|js|swf|mp3|avi|flv|xml|zip|rar)$ {
            root e:/build;
            gzip_static on;
        }
vue、react配置gzip打包后,删除源文件deleteOriginalAssets: true,nginx需要的配置的更多相关文章
- vue单页面应用打包后相对路径、绝对路径相关问题
		
原文链接: vue单页面应用打包后相对路径.绝对路径相关问题展开 在项目开发过程中,在部署过程中,用到了反向代理,这就要求前端代码中不能使用绝对路径.但是我们知道,一般情况下,通过web ...
 - 记录下自己VUE项目用Hbuider打包后启动白屏问题
		
刚用VUE做项目,之前测试时vue创建的自身项目打包都是启动OK没问题.今天打包自己的时,启动一直白屏.折磨了好久,百度了一堆.终于找到了方法. 首先是在config/index.js里面 build ...
 - Vue项目开发之打包后背景图片路径错误的坑
		
在开发vue项目的过程中,使用浏览器进行预览的时候所有图片的路径是没有任何问题的,但是在打包后传到服务器上,在微信端查看背景图片时,background的图片竟然不显示,img标签里的图片却是正常展示 ...
 - springboot在eclipse中运行使用开发配置,打包后运行使用生产环境默认配置
		
java命令运行springboot jar文件,指定配置文件可使用如下两个参数中其中一个 --spring.config.location=配置文件路径 -Dspring.profiles.acti ...
 - Vue项目用webpack打包后,预览时资源路径出错(文末有vue项目链接分享)
		
最近用vue写了一些项目,项目写完之后需要打包之后才能放到网上展示,所以在这里记录一下项目打包的过程以及遇到的一些问题. --------------------------------------- ...
 - vue css背景图片打包后路径问题
		
limit,代表如果小于大约4k则会自动帮你压缩成base64编码的图片,否则拷贝文件到生产目录 name,后面是打包后的路径: loader,后面 limit 字段代表图片打包限制,这个限制并不是说 ...
 - vue中使用videojs打包后体积过大优化
		
videojs 是一个非常好的js库,可以支持各种格式的视频播放,也能做直播流.官网地址 https://videojs.com/ 在vue项目中也可以使用 vue-video-player ,更好的 ...
 - vue -- vue-cli webpack项目打包后自动压缩成zip文件
		
用vue2.0开发项目,使用npm run build 命令 ,但是只会生成dist文件夹,以下是生成zip压缩包方法 1,插件安装 webpack插件安装 filemanager-webpack-p ...
 - Vue项目创建build打包后可修改的配置文件
		
需要一个配置文件,能在项目打包(build)时不被打包,方便修改,同时项目刷新时读取改配置. 实现方法如下: 1.在项目的static目录下创建project.config.json文件(名称随意,建 ...
 - vue项目使用hbuilder打包后,真机测试白屏
		
在命令行直接运行 npm run build后,生成的dist文件中,直接打开index.html文件 Tip: built files are meant to be served over an ...
 
随机推荐
- perf 编译失败
			
linux-6.0-rc2 : linux-6.0-rc2/tools/include/asm/../../arch/x86/include/asm/rmwcc.h:7:9: error: impli ...
 - appium+python测试Android真机功能报错处理
			
用Appium1.4.16.1测试Android8.1.0出现以下报错: C:\ProgramData\Anaconda3\python.exe D:/python/appium_learn/calc ...
 - mac os 11 Big Sur 根目录无法写入解决办法
			
本文目的是解决无法在 / 目录下创建目录的问题: 关闭SIP 重启机器,按住 command + R 选择 磁盘工具 在导航栏 窗口 中打开 终端 ,执行如下命令: csrutil status ## ...
 - 蓝桥杯训练赛二-1141 问题 C: C语言训练-百钱百鸡问题
			
题目描述 中国古代数学家张丘建在他的<算经>中提出了著名的"百钱买百鸡问题":鸡翁一,值钱五,鸡母一,值钱三,鸡雏三,值钱一,百钱买百鸡,问翁.母.雏各几何? 输入 无 ...
 - Linux 常用监控指标总结
			
1. Linux运维基础采集项 做运维,不怕出问题,怕的是出了问题,抓不到现场,两眼摸黑.所以,依靠强大的监控系统,收集尽可能多的指标,意义重大.但哪些指标才是有意义的呢,本着从实践中来的思想,各位工 ...
 - file类型的input框获取文件
 - vue 鼠标拖拽
			
<template> <div class="home"> <div id="box" v-drag></div> ...
 - 【C学习笔记】day2-5 求两个数的最大公约数
			
#include <stdio.h> int main() { int a, b; int min; scanf_s("%d %d", &a, &b); ...
 - [BOM]前端解析cookie为对象
			
参考解析页面传参 var cookie_str = document.cookie var cookie_arr = cookie_str.split("; ") var cook ...
 - 请求/响应拦截器 给请求添加token认证