首先當然是阿里雲伺服器購買以及vue專案的編寫了，伺服器購買就不說了，vue專案打包npm run dev的時候要注意一下，主要是config/index.js裡assetspublicpath要配置成 './'(原來是'/'),不然在上線後會什麼也沒有，還有就是如果使用了axios跨域(跨埠)的話，並且是使用proxytable配置如下的話:
proxytable: }}
// 主要主要是把localost:8080/api/findall(vue預設監聽8080埠),**到localhost:9080/findall
那麼需要配置一下nginx，
更改nginx配置,主要更改server配置
server
location /api
}重啟nginx就可以看到首頁了
Nginx 部署Vue前端專案
npm run build構建成功後基本會在配置的dist檔案下生成靜態html檔案。把生成目錄dist裡的檔案打包上傳至伺服器 192.168.234.97 scp dist.zip root 192.168.234.97 opt www vue base輸入伺服器登入密碼。上傳到伺服器靜態位址 ...
vue在nginx中部署
本文主要介紹如何在nginx中部署vue前端。1 已經安裝好nginx，可以參考如下文章 2 已經打好vue的包，如果遇到問題，可以參考 好，下面上貨。1 首先把dist資料夾放在乙個路徑下，我放在這裡 2 修改nginx的配置檔案 新增如下server server root data xytes...
vue在nginx中部署
本文主要介紹如何在nginx中部署vue前端。本文閱讀前提 1 已經安裝好nginx，可以參考如下文章 2 已經打好vue的包，如果遇到問題，可以參考 好，下面上貨。1 首先把dist資料夾放在乙個路徑下，我放在這裡 2 修改nginx的配置檔案 新增如下server server root dat...