server {
listen ;#默认端口是80,如果端口没被占用可以不用修改
server_name localhost;
root E:/vue/my_project/dist;#vue项目的打包后的dist
location / {
try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
index index.html index.htm;
}
#对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
#因此需要rewrite到index.html中,然后交给路由在处理请求资源
location @router {
rewrite ^.*$ /index.html last;
}
#.......其他部分省略
}
相关文章
- 07-26Vue.js项目在apache服务器部署后,刷新404的问题
- 07-26解决vue单页路由跳转后scrollTop的问题
- 07-26解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- 07-26Vue路由之Hash模式和history模式的区别及History模式的解决办法
- 07-26vue项目遇到布署服务器后刷新404问题解决方案
- 07-26vue uni-app项目发布后刷新出现404错误的问题
- 07-26nignx部署Vue单页面刷新路由404问题解决
- 07-26go+gin部署vue的history路由项目,刷新出现404,解决方案
- 07-26解决Vue的history模式刷新页面出现404的问题
- 07-26vue中history模式,刷新404问题