1.后端已经部署,我部署在8081端口 2.nginx已经安装 3.前端项目在本地已经能实现前端的跨域 一、VUE项目的打包 1.1修改在config中的index.js文件 在里面的build对象中,修改assetsPublicPath为’./’ (注:这样,打包出来的页面就不是空白) 1.2修改在build中的utils.js文件(可能非必需配置) 注:这个配置的前提是如果...
这种会让所有的css/js资源重新加载 二、配置 nginx 不缓存 html vue默认配置,打包后css和js的名字后面都加了哈希值,不会有缓存问题。但是index.html在服务器端可能是有缓存的,需要在服务器配置不让缓存index.html 代码语言:javascript 复制 server{listen80;server_name yourdomain.com;location/{try_files $uri ...
使用meta 标签:在 index.html 的 head 标签中添加 meta 标签,设置不缓存页面,代码如下: 3.使用 nginx 反向代理:在 nginx 配置文件中设置不缓存页面,代码如下: server { listen 80; server_name test.exmaple.cn; location / { if ($request_filename ~* .*\.(?:htm|html)$) ## 配置页面不缓存html...
/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; } }微信公众号缓存ngin...
前端在index.html中添加: nginx 配置如下: location = /index.html { add_header Cache-Control "no-cache, no-store"; }
让静态资源有缓存好办,问题在于怎么只让index.html不缓存。这里我们已经不能单单靠前端代码来实现了,需要用到服务器配置。通过服务器配置,来单独设置请求index.html时的header,以达到控制缓存的目的。 具体实现 如果你是Nginx: Ngnix还是比较容易实现的,只需增加以下配置: ...
index index.html index.htm; root /usr/share/nginx/html; try_files $uri $uri/ /index.html; # 禁止缓存html文件,避免前端页面不及时更新,需要用户手动刷新的情况 if ($request_uri ~* "^/$|^/index.html|^/index.htm") { add_header Cache-Control "no-store"; } } location ~ ^/api/ { 4...
第一步:首先加入test.js脚本, 内容为alert(1) image.png 第二步:缓存有效期内修改test.js内容为alert(2),弹框内容依然为数字1 解决方案:修改test.js文件名为test.v1.js并在index.html重新引入(因为我们的html文件没有缓存,所以可以通过更新html的引用实现资源替换)...
nginx 缓存了index.html kidddder 57227169232 发布于 2019-09-11 我之前发布过一个版本(index.html没有写 ), 然后我现在又往服务器发了一个版本,打开某个页面,获取的数据源都是旧的 ,然后我改了url拿的就是新的了。。。那我旧的index.html缓存到哪里去了啊,让我能访问到???.]vue.jsiviewnginx...