在通过nginx启动vue以后我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面,如果直接访问就会出现404
在这里插入图片描述
可以看到nginx并不识别vue的其他页面,这跟conf文件的配置有关

location / {
            root   C:/web/dist;
            index  index.html index.htm;
        }

这是我们基础的配置,按照字义解读就是只访问了/dist文件下的 index.html、index.htm页面,而其他页面在访问的时候被nginx当作自身的服务访问而找不到,我们修改一下配置文件

location / {
            root   C:/web/dist;
            index  index.html index.htm;
            try_files $uri /index.html;
            expires 7d;
        }

加上try_file它会去扫描内部目录然后再进行内部重定向。
expires 是nginx控制缓存的一种方式,7d=7天

Logo

前往低代码交流专区

更多推荐