原文:vue cli 4.x打包后如何部署到tomcat服務器上

使用npm run build打包好dist后,不能直接打開里面的index.html,否則頁面是一片空白 這時候我們就需要用服務器來代理我們的頁面,可以使用ningx,tomcat,或者apache,這里我們使用tomcat當作范例 找到tomcat的webapp目錄找到tomcat的文件夾后,在webapp文件夾下放入我們需要的dist文件即可,但是我們發現輸入http: localhost: ...

2020-03-24 11:28 0 1692 推薦指數:

查看詳情

vue-cli打包部署到nginx服務器

最近公司把雲平台產品用vue 前后端分離的框架來寫,前面大部分開發都比較順利,后面打包部署出了bug 現在記錄下自己遇到的哪些坑 1,我直接npm run build 打包出來,打開dist目錄下面的index.html 空白頁,頁面上出現 no "NODE ENV"是我打包時沒有指定打包 ...

Fri Jul 06 23:14:00 CST 2018 1 24718
vue-cli3.X 打包后上傳服務器刷新報 404的問題

vue-cli3.X 默認配置 比2.X體驗好很多,比如路由 如圖,本地正常,傳到服務器,因為二級目錄,刷新就404,或 502等,找不到文件 nginx解決: 用寶塔工具的同學,直接粘貼進去即可,如下圖: 再次刷新線上/home,已正常訪問了 . ...

Tue Mar 19 01:48:00 CST 2019 0 2273
基於vue-cli腳手架創建的項目打包部署服務器上發布

正常情況下用vue-cli創建的vue項目,直接執行npm run build命令,確實能夠得出一個dist文件夾,但打開其中的index.html,顯示一片空白,控制台報出的警告表示無法加載指定路徑的腳本資源。 為了解決這個問題,需要在打包前先對輸出路徑進行一些聲明處理,比如,在src ...

Fri Nov 15 18:00:00 CST 2019 0 1531
vue之項目打包部署服務器

  這是今年的第一篇博客。整理一下vue如何從項目打包部署服務器,給大家做下分享,希望能給大家帶來或多或少的幫助,喜歡的大佬們可以給個小贊,如果有問題也可以一起討論下。 第一步:這是很關鍵的一步。打開項目,找到config文件夾下的index.js。搜索 assetsPublicPath ...

Mon Feb 24 04:29:00 CST 2020 1 26689
Vue-CLI 3.x 自動部署項目至服務器

前言 平時部署前端項目流程是:先部署到測試環境ok再發布到生產環境上,部署到測試環境用 xshell 連上服務器,然后用 xftp 連接服務器,然后本地 build 項目,接着把 build 好的文件通過 xftp 上傳到服務器上,整個流程感覺稍有繁瑣,重復。 本教程講解的是 Vue-CLI ...

Tue Apr 02 01:22:00 CST 2019 0 5949
vue-cli3項目打包,在自己搭的服務器上訪問打包好的頁面空白,處理方法

我用vue開發的一個小項目,項目開發出雛形,想打包一下放測試,但是我想放測試前自己檢查一下經過npm run build打包生成的項目,在本地服務器能不能正常跑,於是,經過網上大哥的幫忙,寫了個簡易的koa服務器,將打包好的dist文件,放到了服務器上。 說一下我的dist文件的結構,dist ...

Sun May 12 06:13:00 CST 2019 0 8413
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM