vue打包上傳服務器刷新404問題的兩種方案
更新時間：2021年04月15日 09:57:37 作者：hanson_judy
這篇文章主要給大家介紹了關于vue打包上傳服務器刷新404問題的兩種方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
一：nginx服務器解決方案，修改 .conf 配置文件
有兩種解決方案
1：
location / {
try_files $uri $uri/ @router;
index index.html;
}
location @router {
rewrite ^.*$ /index.html last;
}
2：
location / {
error_page 404 /index.html;
#try_file $uri $uri/ /index.html =404;
}
二：apach服務器解決方案
（假設放在csdn目錄下）分以下幾步
1.配置路由：使用history模式，并且配置base
2.在config/index.js文件里的assetsPublicPath改成你放在服務器的文件路徑里，根目錄就是‘/' 如果是放在某個文件夾，例： /csdn/‘'
3.修改Apache的httpd.conf文件，使其支持 .htaccess ,
4.在對應的文件夾項目下添加.htaccess文件,（這里需要注意的是因為windows不支持無文件名的格式 即 .***, 所以需要先新建一個文本文檔，把內容寫好，然后ftp上傳到對應目錄，然后重命名，這里重命名后會看不到，需要把ftp設置為可以查看隱藏文件）
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /csd/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /csd/index.html [L]
</IfModule>
5.重啟服務器
總結
到此這篇關于vue打包上傳服務器刷新404問題的兩種方案的文章就介紹到這了,更多相關vue打包上傳服務器404內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要給大家介紹了關于Vue前端高效開發(fā)之列表渲染指令的相關資料,vue.js 使用的是 v-for 指令來處理組件元素的循環(huán)迭代邏輯,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-06-06
本文主要介紹了vue-element-admin配置小結，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue-quill-editor的使用及個性化定制操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了Vue中全局常用的過濾方法解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要為大家詳細介紹了Vue3中響應式的一些特殊處理，文中的示例代碼講解詳細，對我們深入了解Vue3有一定的幫助，需要的可以參考一下2023-04-04
這篇文章主要介紹了vue 使用rules對表單字段進行校驗的步驟，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了Vue移動端下拉刷新組件的使用教程，每一次我在使用vant組件庫里面list組件和下拉刷新連在一起用的時候都會出現下拉刷新和列表下滑局部滾動的沖突，這就很難受，這篇文章將解決它2023-04-04
這篇文章主要介紹了VUE-ElementUI 自定義Loading圖操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了如何用命令窗口的方式創(chuàng)建Vue項目過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
詳解Vue-cli中的靜態(tài)資源管理（src/assets和static/的區(qū)別）
這篇文章主要介紹了Vue-cli中的靜態(tài)資源管理（src/assets和static/的區(qū)別，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06