沃梦达 / IT编程 / 前端开发 / 正文

nginx搭建vue项目,刷新页面404解决方法?

nginx搭建vue项目后,强制刷新页面出现404是什么原因?下面编程教程网小编给大家分析一下!

原因分析:

url地址是虚拟的,不是真实存在的,包括页面也是js控制,所以刷新就找不到文件而报404。

解决方法:

在server配置文件内 后面中加上:


location / {
   try_files $uri $uri/ @router;
   index index.html;
}

location @router {
    rewrite ^.*$ /index.html last;
}

保存后,刷新就不存在404了!

以上是编程学习网小编为您介绍的“nginx搭建vue项目,刷新页面404解决方法?”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:nginx搭建vue项目,刷新页面404解决方法?