从零搭建博客Springboot+vue版POETIZE - 最美博客

一、准备工作

服务器部分：

一台有公网IP的服务器
宝塔面板（MYSQL8.0）

本地编译环境：

JAVA8.0+
MAVEN
IDEA
MYSQL8.0
Node20+版本
Git
Poetize开源版源码

下载链接：

二、运行前端

1.获取Poetize开源版源码

Win+R输入CDM打开运行

接下来

cd Desktop
git clone https://gitee.com/littledokey/poetize

出现如图所示即为成功

2.运行

打开poetize/poetize-ui目录打开CMD

安装依赖

npm install

安装完运行

npm run serve

至此前端运行正常

二、运行后端

使用IDEA打开poetize/poetize-server

配置Java环境

在MYSQL执行poetize-server/sql/poetry.sql文件导入数据库

修改poetize-master\poetize-server\poetry-web\src\main\resources\application.yml配置文件

server:
  port: 8081
  tomcat:
    threads.max: 50
    max-connections: 100
    max-http-form-post-size: 120MB
    connection-timeout: 60000
 
mybatis-plus:
  mapper-locations: classpath*:mapper/**/*.xml
#  configuration:
#    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
  global-config:
    db-config:
      logic-delete-value: 1
      logic-not-delete-value: 0
 
spring:
  servlet:
    multipart:
      max-file-size: 100MB
      max-request-size: 100MB
 
  mail:
    host: smtp.qq.com
    username: QQ邮箱号
    password: smtp授权码  
    default-encoding: utf-8
    protocol: smtp
    port: 465
    properties:
      mail:
        smtp:
          socketFactory:
            port: 465
            class: javax.net.ssl.SSLSocketFactory
          ssl:
            enable: true
 
  datasource:
    username: 账号(这里填root)
    password: 密码(root密码)
    url: jdbc:mysql://localhost:3306/poetize?useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai
    type: com.alibaba.druid.pool.DruidDataSource
    driver-class-name: com.mysql.cj.jdbc.Driver
 
user:
  code:
    format:
  subscribe:
    format:
 
store:
  type:
 
local:
  enable:
  uploadUrl:
  downloadUrl:
 
qiniu:
  enable:
  accessKey:
  secretKey:
  bucket:
  downloadUrl:

然后就可以运行项目了，在poetize-server\poery-web\src\main\java\com\ld\poetry\PoetryApplication.java右键run运行项目。

至此前后端项目都跑起来了，测试一下连接即可。

三、宝塔部署项目

1.打包前端

修改/utils/constant.js文件注释测试环境打开生产环境即可。

当前项目目录下命令行运行

npm run build

打包成功会生成dist文件夹,这是需要部署到服务器上文件。

2.打包后端

先在宝塔的mysql上导入poetry.sql，获取宝塔的mysql密码，修改poetize-server\poetry-web\src\main\resources\application.yml配置文件的mysql（datasource下的password）密码。
在项目根目录下的pom.xml中(或右边侧栏Maven），使用maven的package功能进行项目打包。打包成功后会在target文件夹下生成jar包

3.部署

（网上有很多教程，这里就不多说了）

要改的配置文件

    #vue路径404问题
    location / 
    {
      try_files $uri $uri/ /index.html;
    }
    
    #后端地址方向代理
    location /api/ 
    {
       proxy_pass http://127.0.0.1:8081/;
    }
    #静态资源路劲引用 上传图片后路劲用/static/***即可
    location /static/ 
    {
      alias /home/file/;
    }