vue專案打包放到伺服器

2021-09-26 04:28:35 字數 433 閱讀 3972

接之前已經將後端**放到伺服器

1、進入config資料夾下面的index.js檔案,將dev和build物件裡面的assetspublicpath屬性值都進行更改。

assetspublicpath:"/"
改為

assetspublicpath:"./"
接著,所有的請求介面去掉http://localhost:3000,直接保留原來的路由路徑(因為打包以後會放到服務**下面,所以不再需要標註介面的主機和埠了)

res.render('index.html')

這樣啟動專案以後,瀏覽器輸出網域名稱,開啟的頁面就是寫的那個vue專案了,介面資料也請求的到。

(還有一種不用render的方法,直接用express的靜態資源的方式,目前還沒摸索出來怎麼寫,聽說很簡單的)

vue專案打包放到伺服器上執行

vue專案完成之後需要進行打包然後放到伺服器上,這裡我採用的是寶塔面板來操作,1 首先使用xshell連線伺服器,開啟軟體之後會彈出這樣的面板,然後點選新建,輸入主機位址,其他的看自己需求更改,然後點選使用者身份驗證,輸入使用者名稱和密碼之後,點選連線即可連線到伺服器。2 接下來就是連線成功伺服器的...

vue專案打包之後放到伺服器nginx上跨域問題

最近在寫自己網頁的練習,前端跨域為proxy 請求的介面是網易 介面。vue.config.js module.exports 但是專案打包run build之後,在伺服器上需要再次解決跨域問題。資料夾html放打包好的dist資料夾裡面的資源。conf檔案的nginx是配置的 具體配置檔案如下 這...

Vue專案webpack打包部署到伺服器

這篇博文主要說的就是我今天遇到的問題,而且在經過我的詢問,好多人在打包部署的時候都遇到了一些問題,下面就來說下,如何將vue專案放置在伺服器上,這裡以tomcat為例。tomcat下面的目錄結構 但是這肯定是不行的,然後我就開始尋找答案,也根據別人的一些步驟做了下來,後來發現還是有一些問題的,沒有辦...