溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Linux下怎么部署vue項目

發布時間:2022-01-21 15:52:28 來源:億速云 閱讀:329 作者:iii 欄目:開發技術

本文小編為大家詳細介紹“Linux下怎么部署vue項目”,內容詳細,步驟清晰,細節處理妥當,希望這篇“Linux下怎么部署vue項目”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

Linux下怎么部署vue項目

1.部署Nginx

請參考Linux下部署nginx,此處不再重復

2.Vue項目打包
 # 打包正式環境 npm run build:prod 
 # 打包預發布環境 npm run build:stage
3. 部署時可能會發現資源路徑不對 ,只需修改 vue.config.js下 文件資源路徑
 # 請根據自己路徑來配置更改 publicPath: './'
4. 將打包后的dist文件夾上傳至服務器

本次項目路徑為 /usr/local/webapp/

5.修改Nginx的conf文件
 vim /usr/local/nginx/cong/nginx.conf 
 #修改如下 server {   listen 80;   server_name localhost; 
   # 注意設定 root路徑是有dist的   location / {     root /usr/local/webapp/dist;     index /index.html;   } 
   #跨域 ip和port自行替換   location /adminApi {     proxy_pass http://ip:port;   } 
 }
6. 使配置生效
 sbin/nginx -s reload sbin/nginx -s stop sbin/nginx
7.訪問ip地址查看效果

讀到這里,這篇“Linux下怎么部署vue項目”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女