方法:运行cmd,使用命令进行操作,不要直接双击nginx.exe,不要直接双击nginx.exe,不要直接双击nginx.exe,这样会导致修改配置后重启、停止nginx无效,需要手动关闭任务管理器内的所有nginx进程,再启动才可以。 1、使用命令到达nginx的加压缩后的目录 cd c:\nginx-1.25.2 1. 2、启动nginx服务,启动时会一闪而过是正常...
Nginx的安装和启动可以用一下命令完成,完成后访问服务器的ip地址,如果可以看到nginx界面,就说明成功启动了。 apt-get install nginx service nginx start 1. 2. Nginx成功启动后,我们对其配置文件进行修改,配置文件一般是/etc/nginx/nginx.conf,为了方便我们以后可能有多个项目需要导入,可以分一层级,即在http中加入in...
一、vue的所有资源修改后打包出来的名称都会改变,所以可以使用强缓存,对css、js、png、ttf、jpg等 location ~* \.(css|js|png|jpg|jpeg|gif|gz|svg|mp4|ogg|ogv|webm|htc|xml|woff)$ { access_log off; add_header Cache-Control max-age=604800; } 二、html文件因为名称不会改变,所以使用协商缓存,htm...
简介: Vue项目打包部署Nginx配置及前端缓存问题解决 1、部署单个站点 配置如下 server { listen 80; server_name localhost; location / { root /app; index index.html; try_files $uri $uri/ /index.html; } } 其中: /app 是网站根目录 2、部署多个站点 server { listen 80; listen 443 ssl http2;...
默认情况下使用nginx作为h5静态资源的服务器时,这些资源在浏览器端是会有缓存的,特别是微信浏览器中,缓存非常严重。 所以项目开始部署阶段就需要配置好nginx禁止这些资源的缓存,nginx需要做如下配置: 代码: location / { root html; index index.html;
nginx开启缓存机制: 在/etc/nginx/sites-available/default文件加入如下代码 表示 对图片、js和css资源实现缓存,过期时间为60秒 location~*\.(?:jpg|jpeg|png|gif|ico|css|js)${root/data;expires60s;add_headerCache-Control"public";} 下图表示成功开启 ...
#在nginx.conf文件中的location或者server中设置请求cache-control请求头 add_header Cache-Control no-cache,no-store,must-revalidate; 静态文件加hash,nginx配置不缓存html 既然各开发框架构建的前端项目都对静态文件的文件名增加hash值,那么肯定要利用起来,但是直接使用会有问题。
nginx下部署vue项目的缓存策略 背景 在部署vue项目的过程中,发现经常已经更新了项目的打包文件,但是其他人使用起来还是访问的老版本。而自己打开浏览器用开发者工具刷新查看请求,就是正常的发送If-None-Match来匹配ETag,然后正常返回200或者是304。 原因 问题实际上出现在Chrome的缓存策略上,如果我们没有设置Cache-...
_app.config.js 用于项目在打包后,需要动态修改配置的需求,如接口地址。不用重新进行打包,可在打包后修改 /dist/_app.config.js 内的变量,刷新即可更新代码内的局部变量。 # 路由模式 History 设置 .env 文件 # 路由模式(true: history、false: hash) VITE_ROUTE_WEB_HISTORY = true 12 nginx.conf 文件 ...
nginx配置文件如下 /etc/nginx/conf.d/hcz_weichat.conf server { listen 80; server_name domain; location /favicon.ico { root /home/nodeuser/apps/hcz-weichat/source/dist; } location / { root /home/nodeuser/apps/hcz-weichat/source/dist; index index.html; try_files $uri /index.html; } }...