服务器反向代理静态资源出现404错误解决办法

先说原因和解决办法

原因就是我们只配置了服务器的请求数据代理，文件代理没有配置（我自己这么叫。。）

解决办法：把请求静态文件的路径也要用反向代理配置：

如图：

我这里用的是apache2 反向代理express项目和tomcat项目，配置好代理之后，tomcat项目正常，但是express项目只有一个空白页面，如图所示：

tomcat项目：

tomcat项目可以正常访问，但是当我们打开express项目的时候：

只有一个空白的页面！！你没看错！！，于是我们使用端口访问，看看express服务是否运行：

到这里，足以说明我们的服务是没有问题的，下面我们打开浏览器的开发者工具（F12），访问站点，查看网络是否有错误：

果然，有的文件没有找到（前几个文件时网络加载的样式文件，肯定不会有问题，最后两个是express编译后的文件，都没有找到），我们来点开看一下：

意思是说在获取服务器下/js/aboutxx的文件没有找到，由于我们是反向代理方式，可能是代理路径出了问题，于是我们测试加上端口看问题是否解决：

加上端口之后我们的文件可以找到，就说明是我们的反向代理的路径不对，于是我们来看代理路径：

很简单，问题找到了，我们只配置了请求的代理路径，所以浏览器找不到静态资源的路径，我们只需要把静态资源的路径也配置到反向代理中即可：

然后重启动服务，再来看看吧！：

问题完美解决！！

服务器反向代理静态资源出现404错误解决办法相关推荐

vue-cli项目布署问题解决：空白页、静态资源文件404错误、refrenceError:promise未定义（部分浏览器不支持ES6语法）
(前言:文章记录vue-cli项目打包使用IIS布署遇到的几个错误及解决方式) 首先简单理解webpack打包: 个人理解:项目开发中我们构建 "低耦合高内聚" 的组件/模块来代码 ...
ORACLE ORA-28545: 连接代理时 Net8 诊断到错误解决办法
oralce透明网关很好很强大,可以把多种数据库当成一个数据库来使用,比如在你的oracle数据库里面想和db2里面的数据一起使用,通过透明网关就可以将db2连接到oracle中,具体怎么配置可以参见 ...
nc系统搜索服务器失败怎么办,nc: invalid option — ‘e’错误解决办法 linux系统启动weblogic受管服务器报un...
延伸:linux系统启动weblogic受管服务器报unable to get file lock 描述:...报如下错误时: Multicast socket receive error: ja.. ...
nginx反向代理浏览器不可以访问的解决办法
nginx反向代理,用浏览器打不开的原因是: 电脑主机名,不能识别虚拟机的域名将电脑主机hosts文件修改如下(hosts文件的作用是解析域名) 测试
Nginx反向代理静态资源
在/etc/nginx/conf.d目录下创建test.conf文件,输入以下配置信息 server {listen 80;server_name helleworld.cn; #修改域名locat ...
nginx访问静态资源报404错误
在进行nginx的location配置时其匹配的路径与根路径有关如下:在访问/data/路径时,nginx会在/usr/local/datasource/下寻找是否存在data路径,然后寻找data路 ...
vue-cli 项目打包后代理接口报404错误解决办法！
1.启动nginx cd usr/local/nginx/sbin ./nginx 2.找到nginx安装目录 whereis nginx cd usr/local/nginx/ 3.打开nginx ...
vue项目打包之后部署访问静态资源全都404
问题 vue项目npm run build之后打包生成的dist文件夹,部署到服务器上访问静态资源全都404 解决找到项目的vue.config.js文件 module.exports = {// ...
使用Nginx实现服务器反向代理和负载均衡
前言同事总问我Nginx做反向代理负载均衡的问题,因此特意留下一篇扫盲贴! 直接部署服务器的风险假设,我开发了一个网站,然后买了一台Web服务器和一台数据库服务器,直接部署到公共网络上.如下图,网 ...

服务器反向代理静态资源出现404错误解决办法

服务器反向代理静态资源出现404错误解决办法相关推荐

最新文章

热门文章