最近碰到一个问题：

浏览器访问网页时，不停刷新的情况下，一下成功，一下失败报500。

我F12查看了一下，发现：

1、是因为静态资源访问失败，
2、nginx没报错，
3、css文件夹下面的静态资源都失败了，js文件夹下面的静态资源都成功了

猜测

前端打包问题。

我尝试作了以下变动，成功解决了问题，虽然不清楚原理：

// 文件：vue.config.js
// 改动前
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,// assetsDir: 'static',    // 打包时打开// parallel: false,    // 打包时打开publicPath: '/client_build_s/',    // 打包时打开
})
// 打包完dist目录下有：favicon.ico、index.html、css文件夹、js文件夹
// 改动后
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,assetsDir: 'static',    // 打包时打开parallel: false,    // 打包时打开publicPath: '/client_build_s/',    // 打包时打开
})
// 打包完dist目录下有：favicon.ico、index.html、static文件夹

这样改动后，上了服务器，就成功了。访问正常了。

后续：

后来这个问题又复现了，我再次找到了办法：

静态资源获取失败和成功交替，有可能是缓存的原因。

网页依次操作，F12、网络、禁用缓存
如果问题得到解决，就通过代码实现禁用缓存：
首先打开相应的HTML文件；然后通过

<meta http-equiv="Pragma" content="no-cache">

语句实现页面禁止缓存即可。

静态资源交替成功失败500相关推荐

SpringBoot项目中静态资源加载失败，那可能是自定义配置类继承了WebMvcConfigurationSupport这个类
1.跟着视频课学SpringBoot,自己的一个html登录页面就是在浏览器中渲染不出来效果,很郁闷.我的项目结构如下: 2.想要打开login.html页面,该页面用到了静态资源中的css文件及sv ...
Vue踩坑之二级路由下静态资源加载失败
在使用vue开发过程中意外发现 , 当我的路由加到二级时我的页面背景突然没了? 这是怎么回事呢? 让我们先来复现一下问题吧起初我的登陆页面的路由是这样子的我的背景图片是在外部的一个css中写着的 ...
静态资源加速，jsdelivr的替代品整理
jsdelivr是一个大名鼎鼎的静态资源cdn加速平台,以他免费.高速.支持github文件的特点而备受欢迎.本站也引用了大量的jsDelivr的资源,而从去年年底开始,我就发现本站访问速度异常缓慢, ...
基于Springboot外卖系统03：pom.xml导入依赖+数据库配置文件+Boot启动类+静态资源映射
1).在pom.xml中导入依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns= ...
nginx调用静态资源资源显示服务器500错误
服务器500错误:服务器内部错误,意味着该请求无法被识别. 排查方向: 1.分区inode指针是否分配完 df -i进行查看 2.磁盘分区是否满了 df -h 进行查看 3.nginx配置中,是否有错 ...
成功解决 Nginx更新静态资源无效，Nginx静态资源更新不及时，Nginx清除缓存
文章目录问题描述问题解决问题复现正常情况问题描述使用 nginx做动静分离,在将服务器中的静态资源修改后,访问页面,发现页面没有及时更新. 问题解决我这里是清除了浏览器缓存. 有关ngi ...
Spring Boot 静态资源映射与上传文件路由配置
默认静态资源映射目录默认映射路径在平常的 web 开发中,避免不了需要访问静态资源,如常规的样式,JS,图片,上传文件等;Spring Boot 默认配置对静态资源映射提供了如下路径的映射 /st ...
LAMP+haproxy+varnish实现网站访问的动静分离及静态资源缓存
原文 http://sohudrgon.blog.51cto.com/3088108/1601842 系统架构图: 主机规划列表: 全部的主机: CPU : Intel(R) Core(TM)i5- ...
nginx静态资源缓存与压缩
一.静态资源缓存参考文章 (1)apache设置max-age或expires 这里需要修改.htaccess文件. <IfModule mod_headers.c><FilesM ...

静态资源交替成功失败500

后续：

静态资源获取失败和成功交替，有可能是缓存的原因。

静态资源交替成功失败500相关推荐

最新文章

热门文章