一、部署準備
安裝數據庫、jdk、Nginx、域名證書
1、下載 nginx,官方網址如下:http://nginx.org/en/download.html
2、解壓安裝包到任意目錄 如:G:nginx
二、前端部署
1、打開前端項目,執行打包命令 如:npm run build
2、進入前端項目的dist目錄,把里面的文件都復制到nginxhtml 下(注意:需要覆蓋掉nginxhtml 下的index.html)
3、配置完整項目的默認端口,打開 nginxconfnginx.conf,找到 server 的配置處,然后按照下面來更改:
server {
listen 80;
server_name localhost;//可更改為域名地址
#charset koi8-r;
#access_log logs/host.access.log main;
#root存放前端項目的目錄地址,這里采用默認配置,即nginx/html目錄,可更改為指定目錄地址路徑如:
#index配置首頁文件
location / {
root html;
index index.html index.htm;
}
#這里解決跨域問題,后端地址及端口號
location /api/ {
proxy_pass http://127.0.0.1:8080$request_uri;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-real-ip $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
主要是改三個地方,listen配置項目的端口號, location / 配置前端項目的目錄, location /api/ 配置后端地址解決跨域問題。
4、配置完成后,啟動命令行進入 nginx 目錄下輸入命令啟動nginx:start nginx,訪問 http://localhost:80/ 。到此,前端部署完成,接下來到后端。
三、后端部署
war方式部署
把war文件放到Tomcat/webApps/目錄下,重命名為api.war,啟動tomcat
jar方式部署
打開cmd命令進入到jar文件所在目錄下,執行 JAVA -jar xxx.jar
可使用winsw將jar包部署成系統服務,具體看