nginx禁止浏览器直接打开webpack打包后的js文件

应公司安全测试要求，webpack打包后的js文件不能直接在浏览器打开。

解决方法：通过nginx配置文件过滤，跳转到403页面，代码如下：

  location / {set $flag 0;if ($request_uri ~ ".js" ){set $flag "${flag}1";           }if ($http_referer = ''){set $flag "${flag}1";}if ($flag = "011"){return 403;}root   /usr/share/nginx/html;index  index.html index.htm;}

浏览器通过如：http://xx.xxx.xxx.xxx/static/js/chunk-ebddbf92.8f856533.js
http://xx.xxx.xxx.xxx/static/js/chunk-e497b420.8e5939b0.js
http://xx.xxx.xxx.xxx/static/js/chunk-bffc6128.0c9c3cda.js

的地址访问就会跳转到403 forbidden页面拉。

nginx禁止浏览器直接打开webpack打包后的js文件相关推荐

vue打包后更改js文件名称
好好学习 ,天天向上.Are you ready? vue默认打包dist文件(js文件默认名称) vue打包后更改js文件名称例如: 中间部分加时间戳代码奉上修改vue.config.js c ...
webpack vue router import() 打包后单个js文件名称自定义
webpack 配置输出文件名 output: {path: path.resolve(__dirname, 'public'),filename: '[name].[hash:8].js',chun ...
webpack打包出的js 如何引入到index.hml并输出
一.首先js注入到index.html HtmlWebpackPlugin:该插件会创建一个html文件并将打包后的js文件以script标签引入,我们可以通过属性inject配置script标签的位 ...
vue 不生效打包样式_解决在vue项目中webpack打包后字体不生效的问题
最近在项目开发过程中遇到如下问题:开发环境中设置的字体样式使用webpack打包后到生产环境不生效.如图: 打开控制台查看元素样式,发现在开发环境的时候"微软雅黑"被解析成unic ...
在vue项目中webpack打包后字体不生效
最近在项目开发过程中遇到如下问题:开发环境中设置的字体样式使用webpack打包后到生产环境不生效.如图: 打开控制台查看元素样式,发现在开发环境的时候"微软雅黑"被解析成unic ...
webpack打包后的文件
用了webpack打包工具,你是不是有时会疑惑,写了一个很简单的函数,结果生成那么多东西,而且还没有问题?下面,我从三种情况来分析打包后的入口文件,帮助自己理解webpack打包,也为平时定位产出目录 ...
webpack打包后引用cdn的js_利用CDN加速react webpack打包后的文件详解
此文不介绍webpack基本配置,如果对基本配置有疑问请查阅官方文档. 1.配置webpack.config.js 将output.publicPath改成上传到的cdn地址, 例(对应上面上传配置) ...
webpack打包后的文件夹是空的_深入理解 Webpack 打包分块（下）
前言随着前端代码需要处理的业务越来越繁重,我们不得不面临的一个问题是前端的代码体积也变得越来越庞大.这造成无论是在调式还是在上线时都需要花长时间等待编译完成,并且用户也不得不花额外的时间和带宽下载更 ...
使用webpack打包后，vscode中vue代码变白色的解决办法
使用webpack打包后,vscode中vue代码变白色的解决办法卸载vetur,重装vetur

nginx禁止浏览器直接打开webpack打包后的js文件

nginx禁止浏览器直接打开webpack打包后的js文件相关推荐

最新文章

热门文章