1. 程式人生 > >vue-cli生成的專案,打包部署在tomcat伺服器上,報錯404

vue-cli生成的專案,打包部署在tomcat伺服器上,報錯404

1. 專案一般情況下在本地是不會出現這個問題的,因為我們在本地開發時,專案的訪問路徑就是'/',但是部署到伺服器以後,此處我們以tomcat為例, 專案會部署在webapps目錄下面,為了做以區分,我們通常會另建一個專案目錄,例如我們建個sample目錄,此時伺服器上專案的根目錄就是/sample/了, 這時我們需要修改一下webpack的編譯路徑。

修改方法: 找到config/index.js檔案,修改build中的assetsPublicPath為: assetsPublicPath: './' (網上推薦使用) 或者 assetsPublicPath: '/sample/' (個人推薦使用)    

2. 如果在上述修改方案中改為 assetsPublicPath: './',訪問頁面的時候靜態資源訪問會報404,開啟F12發現,靜態資源路徑前面又多了兩層/static/css:   原因就是path設定的問題,它會去尋找上層的相對路徑,所以還是需要改成'/sample/'

相關推薦

本地Ecplise 執行 Tomcat正常顯示打包部署伺服器出現亂碼

問題描述:本地使用的Eclipse進行的專案開發,進行除錯時沒有出現亂碼問題,但是當把專案部署到相應的伺服器後,同樣的操作出現亂碼。 程式執行環境:本地:Windows 10 ,Eclipse, Tomcat 8           

vue-cli生成專案打包部署tomcat伺服器404

1. 專案一般情況下在本地是不會出現這個問題的,因為我們在本地開發時,專案的訪問路徑就是'/',但是部署到伺服器以後,此處我們以tomcat為例, 專案會部署在webapps目錄下面,為了做以區分,我們通常會另建一個專案目錄,例如我們建個sample目錄,此時伺服器上專案的根

通過vue-cli生成專案時報解決方案

全域性安裝 vue-cli $ npm install -g vue-cli 建立一個基於 “webpack” 模板的新專案 $ vue init webpack my-project 在執行vue init webpack my-project時遇到一個錯

解決使用vue-cli生成專案後項目地址自動新增#號的問題

使用vue官方的vue-cli腳手架自動生成專案後,在啟動專案後,會自動開啟 ‘http://localhost:8080/#/’ 地址,而且一直沒法去掉“#”號。直到後來重新詳細看vue-router官方文件,才發現,這是由路由的預設配置模式引起的。 解決方法是將路由配置成history模式,程式碼如下:

【vue2.0】解決使用vue-cli生成專案後項目地址自動新增#號的問題

使用vue官方的vue-cli腳手架自動生成專案後,在啟動專案後,會自動開啟 ‘http://localhost:8080/#/’ 地址,而且一直沒法去掉“#”號。直到後來重新詳細看vue-router

如何使用vue-cli生成專案

vue-cli是什麼?vue-cli 是vue.js的腳手架,用於自動生成vue.js+webpack的專案模板,分為vue init webpack-simple 專案名 和vue init we

vue-cli生成專案修改之後編譯

報錯原因:多空了一行。 這是因為初始化專案的時候Use ESLint to lint your code? (Y/n) 預設下一步,就選了y,設定了eslint(esLint是一個QA工具,用來避免低階錯誤和統一程式碼的風格,使得程式碼有良好的規範

關於專案部署伺服器介面資料正常狀態碼500可能是session問題

剛開始一直報500錯誤,頁面不提示,也沒想著去檢視日誌檔案。好幾天了,一看日誌,發現是這個問題。問了一下,是session的問題、 2017/07/25 16:57:49 [error] 2300#0: *1 FastCGI sent in stderr: "PHP message: PHP Fatal e

vue-cli將127.0.0.1只指向www.***.com Invalid Host header

在window系統下 C:\Windows\System32\drivers\etc 修改hosts檔案 將127.0.0.1指向了一個域名 然後執行得時候就報了一個錯誤Invalid Host header 出現這個得原因是因為新版的webpack-dev-server出於安全考慮

遠端伺服器系統升級後使用SSH登陸不為Host key verification failed.

主要原因是:系統升級後會重新生成一份主機金鑰,然而自己的機子中儲存的確是之前的金鑰,與遠端主機發送RSA金鑰的指紋不同。所以將自己機子中的金鑰刪除即可。 報錯如下: 1.刪除known_host

將Tp3.2的專案轉移到nginx伺服器下,訪問404

我的專案中config.php中 'URL_MODEL'=>3, 在專案的配置檔案***.conf中在 root 根目錄路徑   所在行下新增: if (!-e $request_filename) {             rewrite ^(.*)$ /ind

大資料學習——點選流日誌每天都10T在業務應用伺服器需要準實時傳至(Hadoop HDFS)

點選流日誌每天都10T,在業務應用伺服器上,需要準實時上傳至(Hadoop HDFS)上 1需求說明 點選流日誌每天都10T,在業務應用伺服器上,需要準實時上傳至(Hadoop HDFS)上 2需求分析 一般上傳檔案都是在凌晨24點操作,由於很多種類的業務資料都要在晚上進行傳輸,為了減輕伺服器的壓力,

資料庫儲存路徑資原始檔放在伺服器前臺如何展示(已成功解決)

當前接觸的專案是前後端分離的,我現在需要將圖片檔案的路徑存在資料庫,在前臺展示時將資料庫的路徑拿出來,將伺服器上的圖片檔案展示出來 一開始我的做法是將圖片檔案放在前端頁面程式碼目錄中,然後想到一般情況下,資原始檔都是放在伺服器上的,然後一個同事(妹子呦)告訴我了一個辦法,在tomcat的配置檔案

生產環境Tomcat伺服器訪問HDFS

下載Tomcat日誌檔案 runtime_info.log檢視資訊: [WARN ][19-01-11 18:07:19][http-nio-8080-exec-3][*]Exception encountered while connecting to the server : jav

使用ltp編譯出來的cws_cmdlinecp到其他機器執行:/lib64/libc.so.6: version `GLIBC_2.14′ not found

這主要是由於編譯環境的glibc的版本高於執行時的glibc版本導致。 解決辦法:升級glibc 具體參考: http://qinghua.blog.51cto.com/202629/1706585 為防止連結失效,黏貼如下: 在系統CentOS release 6.4

Vue專案部署tomcat重新整理404解決辦法

vue建立專案使用腳手架有兩種方式: 1,vue init webpack my 這種方式的專案打包,需要找到config/index.js檔案將build中的assetsPublicPath: '/',修改成 assetsPublicPath: './', build

vue2.X版本vue-cli生成項目後運行失敗信息為getaddrinfo ENOTFOUND localhost

alt 錯誤 .com getaddr images 版本 str 配置 scrip 問題: 1、使用vue-cli生成項目 2、npm install 3、npm run dev,報錯信息如下 解決方法: 經查,發現package.json中dev的腳本變成了"web

使用maven構建專案SSM和springboot專案打包與雲伺服器部署

下面講講如何打包SSM和springboot專案,並部署到雲伺服器上。   由於使用的IDE不同,有的使用eclipse,有的使用idea,所以如果在IDE中按照 maven clean 再 maven install的方式打包會稍有不同,下面介紹一種通用的方式,不論SS

vue-cli構建專案npm run build打包後怎麼在本地檢視效果

這時如果直接執行npn run build是可以執行並打包你的程式碼的,不會報任何異常或錯誤,但是會看到打包完成有這樣一句提示: 打開了控制檯,看到console tab下一片404的各種找不到資源   解決方案 開啟專案資料夾。找到config資料夾裡的index.

使用vscode開發vue cli 3專案配置eslint以及prettier

初始化專案時選擇eslint-config-standard作為程式碼檢測規範,vscode安裝ESLint和Prettier - Code formatter兩個外掛,並進行如下配置 { "editor.formatOnPaste": true, "editor.formatOnSave"