vue打包上傳服務(wù)器刷新404問題的兩種方案
更新時(shí)間：2021年04月15日 09:57:37 作者：hanson_judy
這篇文章主要給大家介紹了關(guān)于vue打包上傳服務(wù)器刷新404問題的兩種方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
一：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)文章
這篇文章主要給大家介紹了關(guān)于Vue前端高效開發(fā)之列表渲染指令的相關(guān)資料,vue.js 使用的是 v-for 指令來處理組件元素的循環(huán)迭代邏輯,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-06-06
本文主要介紹了vue-element-admin配置小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue-quill-editor的使用及個(gè)性化定制操作
這篇文章主要介紹了vue-quill-editor的使用及個(gè)性化定制操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了Vue中全局常用的過濾方法解讀，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要為大家詳細(xì)介紹了Vue3中響應(yīng)式的一些特殊處理，文中的示例代碼講解詳細(xì)，對我們深入了解Vue3有一定的幫助，需要的可以參考一下2023-04-04
vue 使用rules對表單字段進(jìn)行校驗(yàn)的步驟
這篇文章主要介紹了vue 使用rules對表單字段進(jìn)行校驗(yàn)的步驟，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了Vue移動(dòng)端下拉刷新組件的使用教程，每一次我在使用vant組件庫里面list組件和下拉刷新連在一起用的時(shí)候都會(huì)出現(xiàn)下拉刷新和列表下滑局部滾動(dòng)的沖突，這就很難受，這篇文章將解決它2023-04-04
這篇文章主要介紹了VUE-ElementUI 自定義Loading圖操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
如何用命令窗口的方式創(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