vue打包上傳服務(wù)器刷新404問題的兩種方案
一:nginx服務(wù)器解決方案,修改 .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服務(wù)器解決方案
(假設(shè)放在csdn目錄下)分以下幾步
1.配置路由:使用history模式,并且配置base
2.在config/index.js文件里的assetsPublicPath改成你放在服務(wù)器的文件路徑里,根目錄就是‘/' 如果是放在某個(gè)文件夾,例: /csdn/‘'
3.修改Apache的httpd.conf文件,使其支持 .htaccess ,
4.在對應(yīng)的文件夾項(xiàng)目下添加.htaccess文件,(這里需要注意的是因?yàn)閣indows不支持無文件名的格式 即 .***, 所以需要先新建一個(gè)文本文檔,把內(nèi)容寫好,然后ftp上傳到對應(yīng)目錄,然后重命名,這里重命名后會(huì)看不到,需要把ftp設(shè)置為可以查看隱藏文件)
<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.重啟服務(wù)器
總結(jié)
到此這篇關(guān)于vue打包上傳服務(wù)器刷新404問題的兩種方案的文章就介紹到這了,更多相關(guān)vue打包上傳服務(wù)器404內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue-quill-editor的使用及個(gè)性化定制操作
這篇文章主要介紹了vue-quill-editor的使用及個(gè)性化定制操作,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08vue 使用rules對表單字段進(jìn)行校驗(yàn)的步驟
這篇文章主要介紹了vue 使用rules對表單字段進(jìn)行校驗(yàn)的步驟,幫助大家更好的理解和使用vue,感興趣的朋友可以了解下2020-12-12如何用命令窗口的方式創(chuàng)建Vue項(xiàng)目
這篇文章主要介紹了如何用命令窗口的方式創(chuàng)建Vue項(xiàng)目過程,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08詳解Vue-cli中的靜態(tài)資源管理(src/assets和static/的區(qū)別)
這篇文章主要介紹了Vue-cli中的靜態(tài)資源管理(src/assets和static/的區(qū)別,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06