1. 程式人生 > >關於vue打包後上傳伺服器重新整理404的問題

關於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的問題

一:nginx伺服器解決方案,修改   .conf  配置檔案    有兩種解決方案 1: location / { try_files $uri $uri/ @router; index index.html; } location @router

vue打包,接口請求404的完美解決方案

修改 後臺 完美解決 保存 跨域 pass rem nginx set 在開發環境中,和後臺對接為了解決跨域問題,使用了代理,也就是vue的proxyTable,但是打包放到生產環境中去時,接口請求不到,404,原因是開發環境的代理並不能用到生產環境,但是直接在請求接口是使

iOS app一鍵打包伺服器

打包指令碼使用方法 1.開啟終端 2.在終端中直接拉兩個檔案路徑 到這裡就完成了一鍵打包的工作。 注: 1.中間如果出現提示下面這個錯誤: xcrun: error: unable to find utility “Pac

Js(基於jQuey)網頁端壓縮圖片伺服器

問題前述:為了保證邏輯更清晰,文章採用不少的文字解析,如果你比較緊急,可以不用看文字直接瀏覽程式碼呈現部分。 問題背景:最近有做到一個需求,使用者實名認證上傳身份證,一般情況下直接通過手機拍照上傳這樣的圖片很大(大約2-4M),一方面浪費伺服器頻寬,另外一方面上傳的速度很

vue代碼服務器背景圖片404解決方法

tex extract 添加 項目路徑 需要 -c extra awesome bsp 問題:代碼上傳服務器後,圖片404,使用的font-awesome圖標也是404 解決辦法: 如果你用了vue-cil,那麽在build目錄下找到utils.js中的ExtractT

vue-quill-editor-upload : 實現vue-quill-editor圖片到伺服器

vue-quill-editor-upload git: https://github.com/NextBoy/vu... A plug-in for uploading images to your server when you use vue-quill-editor. 富文字編輯器vue-qui

【hadoop】本地Eclipse編寫hadoop詞統計程式碼本地測試,打包伺服器測試

環境準備 1、伺服器配置好hadoop2.7.3,詳細配置過程可參考 hadoop2.7.3環境配置 2、本地安裝好Eclipse,並配置好maven 3、本地解壓hadoop-2.7.3,並下載winutils.exe檔案放在自定義目錄下 本地Ecli

thinkphp5 伺服器 Access denied

伺服器報 Access denied,要麼報 No input files,但是在網上查了查說是將 PHP 的cgi.fix_pathinfo 改成 1 即可,但是改成 1 顯然是有解析漏洞的,嘗試尋找不改 php.ini 的解決方法。 cgi.fix_pathinfo這個不建議開啟,預設的php.ini中

微信圖片相關頁面不重新整理頁面時是正常的,重新整理失效

出錯的原因是加了多餘的wx.ready()方法 多讀文件解決問題 解決的程式碼如下: vuex中封裝的方法 /** * 分享操作 * @param {Object} param0 * @param {Object} payload {title:''

python程式碼本地執行不報錯,伺服器報錯???

本地執行是成功的,程式碼也更新了,但在伺服器上執行程式碼就報錯了,500 Internal Server ErrorThe server encountered an internal error and was unable to complete your request. Either t

jenkins+svn完整打包到linux伺服器

因為公司用的是svn版本管理工具並且部署在了windows伺服器上,所以測試環使用jenkins需要部署兩套環境, 一套是在本地windows伺服器,jenkins從svn下載程式碼完成打包並上傳到linux跳板機上 一套是在linux環境上,把跳板機上的包上傳到對應伺服器上並備份以前版本,重啟新jar包

vue學習十二 vue專案打包介面開啟報錯 404

專案進展到最後,vue框架即將完工了,在最後到打包中,又遇到一個大坑 npm run build 在執行命令打包後,發現開啟dist檔案內的index.html後,介面空白,並且在控制檯處報錯為404,查詢不到對應到css。 此時為路徑問題,解決方法為

本地網頁樣式伺服器發生變化解決辦法

這段時間給公司做了個網站,在本地用IE10,火狐,goolgeChrome,360瀏覽器通過頁面樣式測試。 本地通過測試後便上傳到伺服器,上傳之後用IE10瀏覽發現有部份樣式異常。火狐,goolgeChrome,360瀏覽與本地瀏覽樣式效果一樣。     和平時一樣,

檔案伺服器 遠端伺服器返回錯誤: (404)

今天在測試檔案上傳伺服器(webClient.UploadFile)的時候發現一個錯誤“遠端伺服器返回錯誤: (404) 未找到 ”, 原來在windows server2003系統下的應該程式、檔案伺服器部署都正常,但在windows server 2008 卻有如此錯誤,

Nuget多專案批量打包伺服器的簡明教程

本篇不會介紹Nuget是什麼,如何打包上傳Nuget包,怎麼搭建私有Nuget伺服器。這些問題園子裡都有相應的文章分享,這裡不做過多闡述。另外本文假設你已經下載了Nuget.exe,並且已經設定好了環境變數。什麼?你還不會?那你先去百度下設定好後再來看這篇文章吧。[nuget下載](https://dist.

發布IIS 文件過大失敗解決方案

失敗 限定 .cn 方案 文件 iis images 分享 src 下面上圖不多BB IIS上找到這玩意 然後左上角的節裏面輸入:system.webServer/security/requestFiltering 然後如下圖: 這裏是限定了30000000子節點

前端獲取圖片壓縮給後臺

state das progress tee 解決辦法 字符 buffer arc 前端   此前有同事跟我聊過關於移動端用canvas壓縮圖片後再上傳的功能,最近有了點空閑時間,所以就實踐了一下。demo效果鏈接在文章底部貼出。   在做移動端圖片上傳的時候,用戶傳

vue打包index.html界面報錯

index 空白 info pos 解決辦法 image css set 文件夾 vue項目完成後,打包放到服務器上,打開index.html頁面時發現一片空白並且報錯 很明顯是js和css引用不到。 解決辦法: 修改vue項目config文件夾下面的index.js,將

FastDFS重啟文件報錯的解決方案

fastdfs報錯:ERROR - file: tracker_proto.c, line: 48, server: 109.24.249.40:22122, response status 2 != 0tracker_query_storage fail, error no: 2, error info:

【FTP】大文件的打包分割

ftp 文件分割 實驗環境 虛擬環境:Exsi6.0系統:Redhat7tar相關:第2章 新手必須掌握的Linux命令。split相關:Linux系統下使用split命令分割大文件ftp相關: 一、打包壓縮文件 # -c 創建壓縮文件;-x解壓;-z Gzip格式;-v 顯示過程(後臺腳本模式不要用