服务器配置 react/vue 解决页面刷新404 问题

末蓝、 2022-04-04 04:42 304阅读 0赞

react / vue 重定向配置，解决刷新 404 问题

*  ngix配置

server {  
            listen       80;  
            server_name  dd.t.com;  
    		root		 d:/Users/xiaositv/Desktop/2/dist/;
      
            location /cgi-bin {  
                proxy_pass   http://ddd.com:380/;          
    		}
    
    		location / {
    			try_files $uri /index.html;
    		}
    			
        }

*  Apache 配置

<IfModule mod_rewrite.c>
      RewriteEngine On
      RewriteBase /
      RewriteRule ^index\.html$ - [L]
      RewriteCond %{ REQUEST_FILENAME} !-f
      RewriteCond %{ REQUEST_FILENAME} !-d
      RewriteRule . /index.html [L]
    </IfModule>

*  node原生

const http = require('http')
    const fs = require('fs')
    const httpPort = 80
    
    http.createServer((req, res) => { 
      fs.readFile('index.htm', 'utf-8', (err, content) => { 
        if (err) { 
          console.log('We cannot open "index.htm" file.')
        }
    
        res.writeHead(200, { 
          'Content-Type': 'text/html; charset=utf-8'
        })
    
        res.end(content)
      })
    }).listen(httpPort, () => { 
      console.log('Server listening on: http://localhost:%s', httpPort)
    })

*  node 框架 可以搜索 api-fallback 中间件

[上面资料参考][Link 1]

[Link 1]: https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 nignx解决vue部署服务器刷新页面出现404问题

> 在部署前后端分离项目项目的时候，有可能会遇到能访问页面，但是刷新页面却404。 ![watermark_type_d3F5LXplbmhlaQ_shadow_50_tex

左手的ㄟ右手/ 2023年09月30日 08:55/ 0 赞/ 33 阅读

相关 vue nginx解决刷新404问题

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

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

相关 uniapp history路由配置，apache服务器简单配置（刷新报404解决方法）

uniapp编译到h5端使用hash路由模式，url显得不太好看，但是选择history路由模式刷新页面会报404的错误，现在教大家简单配置服务器即可解决问题。第一步

傷城~/ 2023年01月22日 06:50/ 0 赞/ 441 阅读

相关 vue刷新页面丢失404

解决方案 nginx添加配置文件下面内容加入配置文件 location @rewrites { rewrite ^(.

偏执的太偏执、/ 2022年12月29日 00:13/ 0 赞/ 281 阅读

相关 VUE 刷新路径404问题解决

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

叁歲伎倆/ 2022年10月06日 01:55/ 0 赞/ 32 阅读

相关 vue.js解决刷新404找不到页面问题

vue.js解决刷新404找不到页面问题参考文章： [（1）vue.js解决刷新404找不到页面问题][1_vue.js_404] （2）https://www.cnb

绝地灬酷狼/ 2022年09月13日 04:17/ 0 赞/ 244 阅读

相关服务器配置 react/vue 解决页面刷新404 问题

react / vue 重定向配置，解决刷新 404 问题 ngix配置 server { listen 80;

末蓝、/ 2022年04月04日 04:42/ 0 赞/ 305 阅读

相关 vue 在nginx下页面刷新出现404问题

vue 在nginx下页面刷新出现404问题，解决在nginx下页面加载了js但是页面显示空白问题解决一、vue 在nginx下页面刷新出现404 1、如果是在根目录

傷城~/ 2022年01月17日 02:43/ 0 赞/ 500 阅读

相关 Vue history模式刷新页面404问题

为什么会出现404 我们先来看一下我们给到后端的`dist`文件 ![8ace095ca3a41d4151425046e0c7950a.png][] 可以

Bertha 。/ 2021年09月08日 17:58/ 0 赞/ 858 阅读