Nginx 部署去掉 # 的Vue 项目（解决刷新后访问 404）

阳光穿透心脏的1/2处 2023-06-18 04:53 2阅读 0赞

>     http {
>           include       mime.types;
>           default_type  application/octet-stream;
>     
>           #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
>           #                  '$status $body_bytes_sent "$http_referer" '
>           #                  '"$http_user_agent" "$http_x_forwarded_for"';
>     
>           #access_log  logs/access.log  main;
>     
>           sendfile        on;
>           #tcp_nopush     on;
>     
>           #keepalive_timeout  0;
>           keepalive_timeout  65;
>     
>           #gzip  on;
>     
>           server {
>               listen       80;
>               server_name  localhost;
>     
>               #charset koi8-r;
>     
>               #access_log  logs/host.access.log  main;
>     
>               location / {
>                   root   /root/project/www; #默认访问目录
>                   index  index.html; #默认访问文件
>                   try_files $uri $uri/ /index.html; #目录不存在则执行index.html
>               }
>     
>               #error_page  404              /404.html;
>               ... #后面的不需要修改
> 
> ### **try\_files $uri $uri/ /index.html; \#目录不存在则执行index.html** ###

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关使用nginx方向代理部署Vue项目刷新页面404的问题解决

文章目录问题假设原理探究问题解决问题假设部署出现的问题为：由于项目中使用的vue router 项目直接使用node环境部署项目

冷不防/ 2024年02月21日 10:25/ 0 赞/ 64 阅读

相关 nginx部署前端项目后刷新浏览器报错404

问题： Vue项目打包部署Nginx服务器后，刷新页面后出现404的问题。原因：加载单页应用后路由改变均由浏览器处理，而刷新时将会请求当前的链接，而Nginx无法找到对应

深碍√TFBOYSˉ_/ 2023年09月23日 18:35/ 0 赞/ 153 阅读

相关 Nginx 部署去掉 # 的Vue 项目（解决刷新后访问 404）

> http { > include mime.types; > default_type application

阳光穿透心脏的1/2处/ 2023年06月18日 04:53/ 0 赞/ 3 阅读

相关 vue nginx解决刷新404问题

在nginx中增加 server { listen 88; server_name 10.1.11.35

逃离我推掉我的手/ 2023年03月13日 09:04/ 0 赞/ 28 阅读

相关 Nginx部署Vue项目刷新页面404

vue项目router用的是history模式，用nginx代理服务器部署后只能看到主页，刷新或跳转其他页面就会出现404。解决方法：修改nginx.conf配置文件，将客

柔情只为你懂/ 2023年02月21日 06:45/ 0 赞/ 30 阅读

相关日常问题---Vue项目部署Nginx后，刷新页面出现404问题

问题： Vue单页应用项目打包部署Nginx服务器后，刷新页面后，出现404。原因：加载单页应用后路由改变均由浏览器处理，而刷新时将会

我不是女神ヾ/ 2022年12月05日 00:45/ 0 赞/ 242 阅读

相关 nginx部署vue项目刷新404

测试3 location / { root /usr/local/openresty/nginx/html/test3; i

女爷i/ 2022年10月09日 00:30/ 0 赞/ 68 阅读

相关 nginx配置vue-router+webpack项目部署访问刷新出现404问题

部署背景和问题描述项目使用的是vue2.0,vue-route,webpack打包项目部署使用的nginx 问题描述：正常首页不加index可以访问

红太狼/ 2022年06月07日 08:50/ 0 赞/ 419 阅读

相关 vue部署在nginx后刷新404

出现这种情况是因为用了history路由模式，vue默认是hash路由的，所以打包前配置一下。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_sh

骑猪看日落/ 2022年04月17日 01:52/ 0 赞/ 355 阅读

相关 vue design pro部署nginx刷新404问题

遇到nginx部署vue design pro的项目，正常访问，但是刷新会404， ![在这里插入图片描述][20200904181745680.png_pic_cente

柔光的暖阳◎/ 2021年09月24日 15:40/ 0 赞/ 429 阅读