亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

SpringBoot+Vue項目部署上線的實現(xiàn)示例

 更新時間：2024年02月18日 10:49:09   作者：奇遇少年  
本文主要介紹了SpringBoot+Vue項目部署上線的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

部署前準(zhǔn)備

注冊京東云

京東云: https://www.jdcloud.com/

117.72.32.65

在這里插入圖片描述

vue本地部署

新建文件.env.development

在這里插入圖片描述

VUE_APP_BASEURL='http://localhost:9191'

新建文件 .env.production

VUE_APP_BASEURL='http://117.72.32.65:9191'

main.js 設(shè)置全局變量$baseUrl

Vue.prototype.$baseUrl =process.env.VUE_APP_BASEURL

搜索

在這里插入圖片描述

替換

在這里插入圖片描述

替換request.js

const request = axios.create({
    baseURL: process.env.VUE_APP_BASEURL,  
    timeout: 5000
})

vue全局搜索localhost:9191 替換成$baseUrl

方式一：request.post(this.$baseUrl+"/role") 
方式二：:action="$baseUrl+'/file/upload'"

打包

添加插件

<build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>2.7.13</version> 可選
            </plugin>
        </plugins>
    </build>

npm run build

SpringBoot部署

打包

mvn clean package

在這里插入圖片描述

服務(wù)器

部署java項目

mkdir -p /home/server/ElectronicMallApi
mkdir -p /home/server/ElectronicMallVue

在這里插入圖片描述

上傳jar 包到服務(wù)器/home/server/ElectronicMallApi目錄

設(shè)置application.yml覆蓋

server:
  port: 9191
spring:
  datasource:
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://${ip}:3306/electronic_mall
    username: root
    password: root
  servlet:
    multipart:
      max-file-size: 30MB
  redis:
    database: 0
    host: ${ip}
    port: 6379
    lettuce:
      pool:
        min-idle: 0
        max-active: 8
        max-idle: 8
        max-wait: -1ms
    connect-timeout: 30000ms

mybatis:
  mapper-locations: classpath:mapper/*.xml
  configuration:
    map-underscore-to-camel-case: true
ip:
  117.72.32.65

在這里插入圖片描述

添加啟動和停止腳本

start.sh

NAME=ElectronicMallApi-0.0.1-SNAPSHOT.jar
nohup java -jar $NAME > server.log 2>&1 & 
echo 'start success'

stop.sh

#!/bin/bash
PID=$(ps -ef | grep "ElectronicMallApi-0.0.1-SNAPSHOT.jar" | grep -v grep | awk '{print $2}')
if [ -z "$PID" ]; then
    echo "ElectronicMallApi-0.0.1-SNAPSHOT.jar 進(jìn)程不存在"
else
    kill -9 $PID
    echo "已停止 ElectronicMallApi-0.0.1-SNAPSHOT.jar 進(jìn)程"
fi

授權(quán)

chmod +x *

在這里插入圖片描述

vue遠(yuǎn)程部署

上傳dist 文件到服務(wù)器/home/server/ElectronicMallVue

安裝jdk 1.8

tar -zxvf /tmp/jdk-8u371-linux-x64.tar.gz -C /usr/local/
mv /usr/local/jdk1.8.0_371 /usr/local/java

vi /etc/profile

	export JAVA_HOME=/usr/local/java
	export PATH=$JAVA_HOME/bin:$PATH

source /etc/profile #讓配置文件生效

#驗證
java -version

在這里插入圖片描述

安裝nginx

#安裝gcc
yum install gcc - c++
#安裝PCRE pcre-devel
yum install -y pcre pcre-devel
#安裝zlib
yum install -y zlib zlib-devel
#安裝open SSL
yum install -y openssl openssl-devel

下載nginx到/tmp

mkdir /usr/local/nginx
tar -zxvf /tmp/nginx-1.24.0.tar.gz -C /usr/local/nginx

cd /usr/local/nginx/nginx-1.24.0
#編譯安裝
./configure --with-http_stub_status_module --with-http_ssl_module
make && make install

在這里插入圖片描述

nginx 命令

cd /usr/local/nginx/sbin
./nginx #啟動

ps -ef | grep nginx #查看
./nginx -s stop #停止
./nginx -s reload #重啟

在這里插入圖片描述

訪問：http://117.72.32.65/

在這里插入圖片描述

nginx.conf 配置

 location / {
            root   /home/server/ElectronicMallVue/dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html; #防止手動輸入項目地址報錯
        }

在這里插入圖片描述

重啟nginx

cd /usr/local/nginx/sbin

./nginx -s reload

在這里插入圖片描述

安裝mysql

mkdir -p /data/mysql
tar -zxvf /tmp/mysql-5.7.42-el7-x86_64.tar.gz -C /usr/local
mv /usr/local/mysql-5.7.42-el7-x86_64 /usr/local/mysql

#添加用戶組
groupadd mysql
useradd -r -g mysql mysql
chown -R mysql.mysql /usr/local/mysql
chown -R mysql.mysql /data/mysql

cd /usr/local/mysql
/usr/local/mysql/bin/mysqld --user=mysql --basedir=/usr/local/mysql/ --datadir=/data/mysql --initialize

報錯：/usr/local/mysql/bin/mysqld: error while loading shared libraries: libaio.so.1: cannot open shared object file: No such file or directory

解決：yum install  libaio-devel.x86_64 -y

# 將mysql加入到服務(wù)中
cp /usr/local/mysql/support-files/mysql.server /etc/init.d/mysql
#mysql 快捷方式
ln -s /usr/local/mysql/bin/mysql /usr/bin
ln -s /usr/lib64/libtinfo.so.6.1 /usr/lib64/libtinfo.so.5

/usr/local/mysql/bin/mysqld --user=mysql --basedir=/usr/local/mysql/
–datadir=/data/mysql --initialize執(zhí)行完

零時密碼：r4siIs:k(9Z7

在這里插入圖片描述

mysql配置文件my.cnf

vi /etc/my.cnf

[mysqld]
datadir=/data/mysql
basedir=/usr/local/mysql
socket=/tmp/mysql.sock
user=mysql
port=3306
character-set-server=utf8
symbolic-links=0
[mysqld_safe]
log-error=/var/log/mysqld.log
pid-file=/var/run/mysqld/mysqld.pid

報錯

 vi my.cnf
vi: error while loading shared libraries: libtinfo.so.5: cannot open shared object file: No such file or directory

解決

sudo yum update ncurses

啟動mysql: service mysql start
開機(jī)啟動： chkconfig mysql on
登錄mysql :mysql -uroot -p

修改密碼并設(shè)置 權(quán)限

set password = password('root');

use mysql;
update user set host='%' where user='root' and host='localhost';
flush privileges;

在這里插入圖片描述

開3306端口

在這里插入圖片描述

Navicat連接

在這里插入圖片描述

導(dǎo)入數(shù)據(jù)

在這里插入圖片描述

安裝redis

mkdir /usr/local/redis
tar -zxvf /tmp/redis-stable.tar.gz -C /usr/local/redis

編譯make

cd /usr/local/redis/redis-stable

make

執(zhí)行完 make 命令后，redis-stable 的 src 目錄下會出現(xiàn)編譯后的 redis 服務(wù)程序 redis-server，還有用于測試的客戶端程序 redis-cli

默認(rèn)啟動

cd src # 進(jìn)入src目錄
 ./redis-server

配置文件啟動

./redis-server ../redis.conf # 或用配置啟動

后臺進(jìn)程方式啟動
修改redis.conf，將daemonize設(shè)置為yes

在這里插入圖片描述

配置文件啟動 

./redis-server ../redis.conf # 或用配置啟動

設(shè)置外網(wǎng)可以訪問

打開redis-conf

在這里插入圖片描述

修改redis.conf配置

# 找到protected-mode 設(shè)置為no
protected-mode no

# bind 設(shè)置為0.0.0.0
bind 0.0.0.0

# 取消requirepass注釋,設(shè)置密碼 （可選）
requirepass "password"

修改application.yml 里面的ip為服務(wù)器的公網(wǎng)ip

啟動java

cd /home/server/ElectronicMallApi 
./start.sh

 tail -100f server.log #查看日志
 ps -ef | grep ElectronicMallApi-0.0.1-SNAPSHOT.jar

在這里插入圖片描述

到此這篇關(guān)于SpringBoot+Vue項目部署上線的實現(xiàn)示例的文章就介紹到這了,更多相關(guān)SpringBoot Vue項目部署上線內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！ 

相關(guān)文章

  • 詳解Java Ajax jsonp 跨域請求

    詳解Java Ajax jsonp 跨域請求

    本篇文章主要介紹了詳解Java Ajax jsonp 跨域請求，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-06-06
  • 一文看懂Mybatis中的延遲加載

    一文看懂Mybatis中的延遲加載

    這篇文章主要介紹了一文看懂Mybatis中的延遲加載,延遲加載也稱為懶加載,是指在進(jìn)行表的關(guān)聯(lián)查詢時,按照設(shè)置延遲規(guī)則推遲對關(guān)聯(lián)對象的select查詢,MyBatis 的延遲加載只是對關(guān)聯(lián)對象的查詢有遲延設(shè)置,對于主加載對象都是直接執(zhí)行查詢語句的,需要的朋友可以參考下
    2023-10-10
  • MyBatis-Plus實現(xiàn)多表聯(lián)查的方法實戰(zhàn)

    MyBatis-Plus實現(xiàn)多表聯(lián)查的方法實戰(zhàn)

    這篇文章主要給大家介紹了關(guān)于MyBatis-Plus實現(xiàn)多表聯(lián)查的方法,MyBatis Plus是一款針對MyBatis框架的增強(qiáng)工具,它提供了很多方便的方法來實現(xiàn)多表聯(lián)查,需要的朋友可以參考下
    2023-07-07
  • Java 中POI 導(dǎo)入EXCEL2003 和EXCEL2007的實現(xiàn)方法

    Java 中POI 導(dǎo)入EXCEL2003 和EXCEL2007的實現(xiàn)方法

    這篇文章主要介紹了Java 中POI 導(dǎo)入EXCEL2003 和EXCEL2007的實現(xiàn)方法的相關(guān)資料,希望通過本文大家能掌握理解這種方法，需要的朋友可以參考下
    2017-09-09
  • java尋找迷宮路徑的簡單實現(xiàn)示例

    java尋找迷宮路徑的簡單實現(xiàn)示例

    這篇文章主要介紹了java尋找迷宮路徑的簡單實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • Java數(shù)組(Array)最全匯總(上篇）

    Java數(shù)組(Array)最全匯總(上篇）

    這篇文章主要介紹了Java數(shù)組(Array)最全匯總(上篇)，本文章內(nèi)容詳細(xì)，通過案例可以更好的理解數(shù)組的相關(guān)知識，本模塊分為了三部分，本次為上篇，需要的朋友可以參考下
    2023-01-01
  • java打包成jar并執(zhí)行jar包中指定的main方法

    java打包成jar并執(zhí)行jar包中指定的main方法

    這篇文章主要介紹了如何將java打包成可執(zhí)行的jar，并執(zhí)行jar包中指定的main方法的相關(guān)資料，文中給出了詳細(xì)的示例代碼，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。
    2017-03-03
  • idea 右鍵項目沒有run 運(yùn)行選項

    idea 右鍵項目沒有run 運(yùn)行選項

    這篇文章主要介紹了idea 右鍵項目沒有run 運(yùn)行選項，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • Java之int和string類型轉(zhuǎn)換詳解

    Java之int和string類型轉(zhuǎn)換詳解

    這篇文章主要介紹了Java之int和string類型轉(zhuǎn)換詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
    2021-08-08
  • SpringBoot的@Conditional條件注解詳解

    SpringBoot的@Conditional條件注解詳解

    這篇文章主要介紹了SpringBoot的@Conditional條件注解詳解,打開每個自動配置類,都會看到@Conditional或其衍生的條件注解,本節(jié)我們來認(rèn)識下@Conditional注解,需要的朋友可以參考下
    2023-12-12

最新評論