vue项目router用的是history模式,用nginx代理服务器部署后只能看到主页,刷新或跳转其他页面就会出现404。

解决方法:修改nginx.conf配置文件,将客户端发来的url重定向到默认的index.html,就可以正常访问。

关键代码:

try_files $uri $uri/ /index.html;

完整配置:

server {
    listen       XXXX;                     //端口号
    server_name  XXX.XXX.XXX.XXX;          //本机IP地址
     
    location /{
        root E:/website/dist/;             //打包后的项目路径
        index index.html index.htm;        //默认访问的页面
        try_files $uri $uri/ /index.html;  //解决刷新页面变成404问题的代码
    }  
}
Logo

前往低代码交流专区

更多推荐