解决nginx部署vue项目只能访问默认页面问题
在通过nginx启动vue以后我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面,如果直接访问就会出现404可以看到nginx并不识别vue的其他页面,这跟conf文件的配置有关location / {rootC:/web/dist;indexindex.html index.htm;}这是我们基础的配置,按照字义解读就是只访问了/dist文件下的index.html、index.htm
·
在通过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天
更多推荐
已为社区贡献1条内容
所有评论(0)