docker使用nginx部署vue刷新页面404

最新推荐文章于 2025-04-23 22:47:39 发布

Azure++

最新推荐文章于 2025-04-23 22:47:39 发布

阅读量1.4k

点赞数 8

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： docker nginx vue.js

本文链接：https://blog.csdn.net/weixin_44953395/article/details/135618852

docker使用nginx部署vue刷新页面404

从docker内部复制出来的配置文件是这样的，但是刷新页面之后就显示404，关键是我两个前端项目都是用的这一个配置文件，但是只有一个项目出现刷新浏览器显示404的问题，这给我搞懵了！！！
在这里插入图片描述
在网上查找问题原因和解决办法，但是大多数都说是资源找不到，让修改配置文件

刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。如上的404现象，是因为在nginx配置的根目录下面压根没有loading这个真实资源存在，这些访问资源都是在js里渲染的。

下面是配置文件的代码，改完之后果然就好了，两个前端刷新之后都没事了，

worker_processes auto;

events {
    worker_connections 1024;
}

http {
 include             mime.types;

 default_type        application/octet-stream;

 sendfile            on;

 keepalive_timeout 65;

 client_max_body_size 20m;

    server {
        listen       80;
        server_name  localhost;
        location / {
			root /usr/share/nginx/html; #配置Vue项目根路径
			index index.html index.html; #配置首页
			try_files $uri $uri/ /index.html; #防止刷新报404