相關(guān)文章

• nginx 部署vue項目，頁面白屏或者頁面刷新出現(xiàn)404問題

  將vue項目打包部署到nginx上面運行 問題一： 運行時頁面白屏。 問題二： 頁面可以正常顯示，當(dāng)刷新頁面的時候頁面報404 錯誤。 頁面白屏分析： 我們可以先查看一下nginx下的 logs/error.log 日志文件，確定我的問題是因為項目打包時候路勁配置問題。 頁面404分析 ：我們在將

  2024年02月15日

  瀏覽(26)

• 使用nginx方向代理部署Vue項目刷新頁面404的問題解決

  部署出現(xiàn)的問題為：由于項目中使用的vue router 項目直接使用node環(huán)境部署項目，在同一個路由如: 192.168.1.30:/home刷新瀏覽器正常 nginx部署刷新不出現(xiàn)404 /nginx not found 如何解決？ 以下是我的想法：似乎是nginx代理使其直接訪問文件，而沒有使項目的路由生效從而正確加載資源 這

  2024年02月07日

  瀏覽(29)
• 

  Vue路由模式（history模式 刷新頁面空白解決方案）

  vue路由的三種模式 Hash模式 、 History模式 、 abstract 模式 Vue3: Hash 模式是用 createWebHashHistory() 創(chuàng)建的： Vue2 它在內(nèi)部傳遞的實際 URL 之前使用了一個哈希字符（#）。由于這部分 URL 從未被發(fā)送到服務(wù)器，所以它不需要在服務(wù)器層面上進行任何特殊處理。不過，它在 SEO 中確實有

  2024年02月12日

  瀏覽(32)
• 

  前端部署nginx刷新后404，解決Nginx刷新頁面后404的問題

  使用Nginx部署后，登錄頁面刷新一下就出來404，如下圖： 刷新以后 ，頁面變成404 Not Found 查看了一下nginx配置，出現(xiàn)問題的配置是這樣的： 修改后的配置是這樣的 添加了 try_files $uri $uri/ /index.html， 然后重啟一下nginx問題就解決了。 解釋： try_files 表示檢查文件是否存在，返回

  2024年02月13日

  瀏覽(30)
• 

  docker使用nginx部署vue刷新頁面404

  從docker內(nèi)部復(fù)制出來的配置文件是這樣的，但是刷新頁面之后就顯示404，關(guān)鍵是我兩個前端項目都是用的這一個配置文件，但是只有一個項目出現(xiàn)刷新瀏覽器顯示404的問題，這給我搞懵了?。。?在網(wǎng)上查找問題原因和解決辦法，但是大多數(shù)都說是資源找不到，讓修改配置文件

  2024年01月18日

  瀏覽(26)

• Vue項目nginx服務(wù)器部署刷新頁面404錯誤

  最近想自己做點小項目練手，前端用的是vue框架，用nginx當(dāng)做服務(wù)器來部署。但是當(dāng)部署完成后，遇到了刷新頁面和打開新頁面報404錯誤的問題 問題就像上面描述的一樣，刷新頁面和打開新頁面都是報404錯誤。 先說最終解決辦法，在nginx的配置文件的location中改一下設(shè)置方式

  2024年02月17日

  瀏覽(22)
• 

  Vue/React 項目部署到服務(wù)器后，刷新頁面出現(xiàn)404報錯

  問題描述：在本地啟動項目一切正常， 部署到服務(wù)器上線后出現(xiàn)BUG，項目刷新頁面出現(xiàn)404 。 起初以為是自己路由守衛(wèi)或是token丟失問題，找了一圈終于解決了 產(chǎn)生原因： 我們打開vue/react打包后生成的dist文件夾，可以看到只有一個 index.html 文件及一些靜態(tài)資源，這個是因為

  2024年02月07日

  瀏覽(33)
• 

  vue3項目部署到服務(wù)器，剛打開沒事，一刷新頁面就404

  vue3項目部署到服務(wù)器，剛打開沒事，一刷新頁面就404 不知道什么原因。百度了下才發(fā)現(xiàn)問題所在 問題所在： vue-router歷史模式的問題： vue3中歷史模式，默認(rèn)改為了HTML5模式： createWebHistory() 解決辦法： createWebHistory 換成 createWebHashHistory ，將歷史模式，由當(dāng)前的HTML5模式，改

  2024年01月18日

  瀏覽(37)
• 

  服務(wù)器部署—若依【vue】如何部署到nginx里面？nginx刷新頁面404怎么辦？【完美解決建議收藏】

  服務(wù)器部署項目我們大家都會遇到，但是有些鐵子會遇到很多的問題，比如前端部署nginx如何操作？ 前端有單純的靜態(tài)頁面、還有前后端分離的項目；這里博主直接分享最牛最到位的前后端分離項目的前端部署到nginx上面，以若依項目【springboot+vue】為例，實現(xiàn)將前端部署到

  2024年02月03日

  瀏覽(31)

• Nginx 詳細配置(如：vue配置history刷新不404，https配置，配置代理等等，服務(wù)器配置)

  1.安裝 Nginx：首先，確保您的服務(wù)器上已經(jīng)安裝了 Nginx。如果沒有安裝，可以通過包管理器（如apt、yum等）進行安裝。或者在官網(wǎng)安裝對應(yīng)版本管理，官網(wǎng)下載地址：https://nginx.org/en/download.html 不同的版本不同的安裝方法，自行百度 2.配置 Nginx：找到 Nginx 的配置文件（通常位

  2024年02月17日

  瀏覽(25)