前端框架的部署

2022-04-25 03:01:08 字數 1981 閱讀 6484

這個作業屬於哪個課程

課程位址

這個作業要求在**

作業位址

這個作業的目標

軟體工程實踐總結&個人技術部落格

作業正文

作業正文位址

其他參考文獻

《構建之法現代軟體工程》

技術概述,描述這個技術是做什麼?學習該技術的原因,技術的難點在**。控制在50-100字內。
這個技術是專案完成之後必須經歷的部署階段的任務。因為需要讓別的使用者能訪問到我們的專案,因此需要將其部署伺服器,vue專案需要部署到伺服器才能訪問,如何在伺服器部署vue專案,成為乙個技術難點;而且因為之前在伺服器中已經部署了其他專案,因此,由於跨域問題,多個專案部署在同一伺服器還是有點困難的。

技術詳述,描述你是如何實現和使用該技術的,要求配合**和流程圖詳細描述。可以再細分多個點,分開描述各個部分。
vue專案打包

# 打包正式環境

npm run build:prod

# 打包預發布環境

npm run build:stage

# 請根據自己路徑來配置更改

publicpath: './'

本次專案路徑為 /peashooter/
vim /usr/local/nginx/cong/nginx.conf

#修改如下

server

#跨域 ip和port自行替換

location /adminapi

}

sbin/nginx -s reload

sbin/nginx -s stop

sbin/nginx

技術使用中遇到的問題和解決過程。要求問題的描述和解決有一定的內容,不能草草概括。要讓遇到相關問題的人看了你的部落格之後能夠解決該問題。
首先在config資料夾內的index.js內修改(注意是build內)

// nginx 配置

2. 在src/router/index.js檔案修改

```新增 base: 『/peashooter/』

3. 修改nginx配置

#多個專案設定不同埠號的serve就可以了,十分方便

重啟伺服器

進行總結。
nginx是乙個高效能的http和反向**伺服器。因此常用來做靜態資源伺服器和後端的反向**伺服器。首先,部署環境期間很容易遇到各種各樣的問題,特別是跨域問題,在本地開發環境解決了跨域問題,但是在部署的環境依舊出現了跨域問題,這就讓人很繁瑣。需要在nginx的配置檔案裡新增跨域的配置即可,多專案的跨域最好還是設定在不同埠號,只要配置不同埠號的不同後端位址即可,十分方便。

《nginx部署多個vue專案》——presbyterian

前端的部署

目前在10.85.153.55上部署了乙個tomcat7,我們使用tomcat7作為前端vue 的容器。1 將tomcat壓縮包apache tomcat 7.0.91.zip通過scp工具提交到 export下 解壓縮該zip檔案,命令 unzip apache tomcat 7.0.91.zip...

linux部署前端

1.編輯指令碼nginx.conf usr local nginx conf conf.d conf server error page 404 404.html redirect server error pages to the static page 50x.html error page 5...

常用的前端框架

1.bootstrap bootstrap 的用法及其簡單 這也可能就是 bootstrap 作者閱攻城士無數,了解他們痛的結果 以至於是個小前端都可以快速上手,幾乎沒什麼學習成本。官網 github 2.aui 第三個是最近剛起來的aui,雖然作者聲稱是專為apicloud開發者設計的一套ui框架...