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不支持無文件名的格式 即 .***, 所以需要先新建一個文本文檔，把內(nèi)容寫好，然后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.重啟服務器
總結(jié)
到此這篇關于vue打包上傳服務器刷新404問題的兩種方案的文章就介紹到這了,更多相關vue打包上傳服務器404內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要給大家介紹了關于Vue前端高效開發(fā)之列表渲染指令的相關資料,vue.js 使用的是 v-for 指令來處理組件元素的循環(huán)迭代邏輯,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-06-06
本文主要介紹了vue-element-admin配置小結(jié)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下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組件和下拉刷新連在一起用的時候都會出現(xiàn)下拉刷新和列表下滑局部滾動的沖突，這就很難受，這篇文章將解決它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ū)別，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06