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ù)器的文件路徑里,根目錄就是‘/' 如果是放在某個文件夾,例: /csdn/‘'

3.修改Apache的httpd.conf文件,使其支持 .htaccess ,


4.在對應(yīng)的文件夾項目下添加.htaccess文件,(這里需要注意的是因為windows不支持無文件名的格式 即 .***, 所以需要先新建一個文本文檔,把內(nèi)容寫好,然后ftp上傳到對應(yīng)目錄,然后重命名,這里重命名后會看不到,需要把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-cli中的靜態(tài)資源管理(src/assets和static/的區(qū)別)
這篇文章主要介紹了Vue-cli中的靜態(tài)資源管理(src/assets和static/的區(qū)別,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-06-06

