解决vue项目404 nginx url转发

目的:解决vue刷新404问题
方案:我是后台程序员所以通过设置nginx.conf
方法:

server {
    listen       8082;
    #server_name  www.czconfig.com ;
    root  'webroot(网站根目录)';
    location / {
        index  index.html;
        root 'webroot(网站根目录)';
        try_files $uri $uri/ /index.html;    #找指定路径下文件,如果不存在,则转给哪个文件执行     
    }
}

nginx -t //检查配置文件是否有错误 运维人员懂重要性
nginx -s stop //停止服务
start nginx //启动服务
nginx -s reload //平滑重启nginx

结果:当然是 success!!!
说到这里大家就明白了,能看懂上面的配置了。
那有人会问了,还要try_files干什么呀,直接使用rewrite不就可以了吗?
答:不可以,因为rewrite这个指令把所有请求过来的url地址,都与htaccess文件中的正则地址进行一次匹配,这样的话,静态的url地址也进行了一次匹配,比如http://xxxx.com/aa.png,这个地址是不需要重写的,但是rewrite也进行了一次匹配,这就浪费服务器资源,影响执行效率。而我们真正需要匹配的,其实都是一些动态url地址,如果我说这么多,你还不明白的话,可以打印日志查看。

注意不是“重定向” 是路由转发! 转发! 转发!

猜你喜欢

转载自blog.csdn.net/jackbon8/article/details/94750202